/* Module 001 refined learner presentation */
.module-head{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#0e514b!important;
}
.module-head::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:url('/assets/images/modules/001/module-001-learn-spanish-hero.png');
  background-size:cover;
  background-position:center;
  z-index:-2;
}
.module-head::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(7,61,56,.98) 0%,rgba(10,72,66,.94) 38%,rgba(10,72,66,.66) 65%,rgba(10,72,66,.30) 100%);
  z-index:-1;
}
.module-head .can-do{background:rgba(255,255,255,.17);backdrop-filter:blur(3px)}
.module-head .progress-copy{text-shadow:0 1px 2px rgba(0,0,0,.35)}
.module-head .module-no{box-shadow:0 10px 24px rgba(0,0,0,.18)}
.m001-example-line{margin:.5rem 0;padding:.68rem .8rem;border-left:4px solid var(--gold);background:#fffdf5;border-radius:10px}
.m001-build{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin:.75rem 0;padding:.75rem .85rem;background:#edf6f3;border:1px solid #cfe0dc;border-radius:12px;font-weight:800}
.m001-build .arrow{color:var(--teal);font-weight:950}
.m001-cognate-card{border:2px solid #c9ded8;background:linear-gradient(180deg,#ffffff,#fbfdfc)}
.m001-cognate-card .cognate-intro{font-size:1.02rem;line-height:1.58;margin:.45rem 0 .9rem}
.m001-cognate-card .mom-cognate-examples{margin:.85rem 0}
.m001-cognate-card .cognate-note{margin:.85rem 0 0;padding:.8rem .9rem;border-radius:12px;background:#f7f2e8;border:1px solid #eadfcd}
.m001-mini-dialogue{margin:.75rem 0;padding:.85rem 1rem;border-radius:12px;background:#eef6ff;border:1px solid #ccdeed}
.m001-mini-dialogue p{margin:.25rem 0}
@media(max-width:700px){
  .module-head::before{background-position:68% center}
  .module-head::after{background:linear-gradient(180deg,rgba(7,61,56,.96),rgba(10,72,66,.82))}
}