/*
Theme Name: Prichrist Enquetes EFTP
Description: Theme dedie a la collecte des enquetes de recherche (formateurs et apprenants) pour le memoire de Master sur l'evaluation numerique des competences pratiques en electrotechnique en EFTP.
Author: Holali Prichrist GBOYOU
Version: 1.0
*/

*{box-sizing:border-box}
body{
  margin:0;
  background:#f6f3ec;
  color:#16211f;
  font-family:'IBM Plex Sans', sans-serif;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3{font-family:'Fraunces', serif; font-weight:500; margin:0; letter-spacing:-0.01em}
a{color:inherit}
.wrap{max-width:1040px;margin:0 auto;padding:0 28px}

/* ---- landing page ---- */
.pe-hero{position:relative; padding:72px 0 88px; border-bottom:1px solid #d8d2c2; overflow:hidden}
.pe-hero .circuit-bg{position:absolute; inset:0; overflow:hidden; pointer-events:none}
.pe-hero .circuit-bg svg{position:absolute; right:-80px; top:-30px; opacity:0.45}
.pe-kicker{font-family:'IBM Plex Mono', monospace; font-size:13px; color:#8a481f; display:flex; align-items:center; gap:10px; margin-bottom:26px}
.pe-kicker .node{width:7px;height:7px;border-radius:50%;background:#b5622f; box-shadow:0 0 0 3px rgba(181,98,47,0.15)}
.pe-hero h1{font-size:clamp(32px,5vw,50px); line-height:1.1; max-width:15ch}
.pe-hero p{max-width:52ch; font-size:17px; color:#5c645f; margin-top:20px}

.pe-cards{padding:56px 0}
.pe-card{
  display:block; text-decoration:none; color:#16211f;
  border:1px solid #d8d2c2; padding:32px; margin-bottom:22px;
  transition:border-color .15s ease;
}
.pe-card:hover{border-color:#b5622f}
.pe-card .tag{font-family:'IBM Plex Mono', monospace; font-size:12px; color:#8a481f}
.pe-card h2{font-size:22px; margin-top:10px}
.pe-card p{color:#5c645f; font-size:15px; margin-top:10px; max-width:52ch}
.pe-card .go{display:inline-flex; align-items:center; gap:8px; margin-top:16px; font-size:14px; font-weight:500}

footer.pe-footer{padding:40px 0 56px; border-top:1px solid #d8d2c2}
footer.pe-footer .id{font-family:'Fraunces', serif; font-size:16px}
footer.pe-footer .id span{display:block; font-family:'IBM Plex Mono', monospace; font-size:12px; color:#5c645f; margin-top:6px}