/* /guide : styles spécifiques à la page */

.guide .main{max-width:900px;margin:0 auto}
.guide .gwrap{padding-top:10px}
.guide .h1{font-size:clamp(28px,4vw,44px)}

.gwrap{max-width:820px;margin:0 auto;padding:50px clamp(18px,4vw,40px) 60px}
.gcard{background:var(--panel);border:1px solid var(--stroke-soft);border-radius:14px;padding:24px 28px;margin-top:18px}
.gcard h2{font-weight:600;color:var(--blue-hi);margin-bottom:10px;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;font-size:11px}
.gcard p,.gcard li{font-size:14.5px;color:var(--dim);max-width:74ch}
.gcard b{color:var(--white);font-weight:600}
.gcard ul{list-style:none;margin-top:6px}
.gcard li{position:relative;padding-left:20px;margin-bottom:8px}
.gcard li::before{content:"▶";position:absolute;left:0;top:3px;font-size:8px;color:var(--blue-hi)}

.gcta{margin-top:26px;font-size:14.5px;color:var(--dim);text-align:center}
.gcta a{
  color:var(--blue-hi);font-weight:600;text-decoration:none;
  border-bottom:1px solid rgba(61,139,255,.35);
  transition:color .15s,border-color .15s;
}
.gcta a:hover{color:var(--white);border-color:var(--white)}