/* GRCREAL · Ejemplos guiados por módulo */

.academy-example-lab{
  max-width:1100px;
  margin:24px auto 30px;
  padding:26px;
  border:1px solid #cfd8dc;
  border-top:4px solid #003955;
  background:#fff;
}

.academy-example-kicker{
  margin-bottom:8px;
  color:#0077b5;
  font-family:var(--mono,monospace);
  font-size:9px;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.academy-example-title{
  margin:0 0 12px!important;
  color:#13202a;
  font-size:clamp(20px,2vw,25px)!important;
  line-height:1.18!important;
}

.academy-example-intro,
.academy-example-context p,
.academy-exercise-question,
.academy-exercise-answer,
.academy-what-if p{
  margin:0;
  color:#4d5b64;
  font-size:14.5px!important;
  line-height:1.65!important;
}

.academy-example-context{
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  gap:16px;
  margin:18px 0;
  padding:14px 16px;
  background:#f3f7f8;
  border-left:3px solid #0077b5;
}

.academy-example-context span{
  color:#003955;
  font-family:var(--mono,monospace);
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
}

.academy-example-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:18px;
}

.academy-example-card{
  min-width:0;
  padding:17px;
  border:1px solid #d7dcdf;
  background:#fafbfb;
}

.academy-example-card h3,
.academy-example-questions h3{
  margin:0 0 10px!important;
  color:#003955;
  font-family:var(--mono,monospace);
  font-size:10px!important;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.academy-example-card ul,
.academy-example-questions ol{
  display:grid;
  gap:8px;
  margin:0;
  padding-left:18px;
}

.academy-example-card li,
.academy-example-questions li{
  color:#3f4e57;
  font-size:13.5px!important;
  line-height:1.55!important;
}

.academy-solved-exercise,
.academy-what-if,
.academy-example-questions{
  margin-top:16px;
  padding:17px 18px;
  border:1px solid #d7dcdf;
}

.academy-solved-exercise{
  background:#f7faf8;
  border-left:4px solid #15a05a;
}

.academy-exercise-question{
  margin-bottom:8px;
  color:#13202a;
  font-weight:750;
}

.academy-what-if{
  background:#fffaf0;
  border-left:4px solid #d59a1b;
}

.academy-what-if strong{
  display:block;
  margin-bottom:7px;
  color:#72500d;
  font-family:var(--mono,monospace);
  font-size:9px;
  letter-spacing:.08em;
}

.academy-what-if p + p{
  margin-top:7px;
}

@media(max-width:900px){
  .academy-example-lab{
    width:100%;
    padding:19px 17px;
  }

  .academy-example-grid{
    grid-template-columns:1fr;
  }

  .academy-example-context{
    grid-template-columns:1fr;
    gap:6px;
  }

  .academy-example-title{
    font-size:21px!important;
  }

  .academy-example-intro,
  .academy-example-context p,
  .academy-exercise-question,
  .academy-exercise-answer,
  .academy-what-if p{
    font-size:14px!important;
  }
}