/* ==========================================================================
   SpeakPro Academy — pages éditoriales (FAQ, nouveautés)
   FAQ : contact en colonne collante + accordéon (Polaris « Layout » 1/3–2/3).
   Nouveautés : journal des changements en lignes (étiquette à gauche,
   contenu à droite), inspiré du changelog de Linear — sans dates inventées.
   ========================================================================== */
/* FAQ */
body.sp-learn section.sp-faq{ padding:64px 0 96px; }
.sp-faq-grid{ display:grid; grid-template-columns:320px minmax(0,1fr); gap:72px; max-width:1120px; align-items:start; }
.sp-faq-aside{ position:sticky; top:104px; }
.sp-faq-k{ margin:0 0 10px; font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:#A9552F; }
.sp-faq-aside h2{ font-size:clamp(24px,2.4vw,30px) !important; line-height:1.2; margin:0 0 10px; }
.sp-faq-aside > p:not(.sp-faq-k){ color:#4A505B; font-size:15.5px; line-height:1.65; margin:0 0 22px; }
.sp-faq-aside p.sp-faq-links{ margin:22px 0 0; padding-top:18px; border-top:1px solid #E5DBCF; font-size:14px; }
.sp-faq-links a{ color:#1E2430; font-weight:600; text-underline-offset:3px; }
.sp-faq-list{ max-width:720px; }
.sp-faq-list .faq-item:first-child{ border-top:0; }
@media (max-width:900px){
  .sp-faq-grid{ grid-template-columns:1fr; gap:0; }
  .sp-faq-aside{ position:static; order:2; margin-top:48px; padding:28px 24px; background:#F4EEE6; border-radius:20px; }
  body.sp-learn section.sp-faq{ padding:36px 0 72px; }
}
/* Nouveautés */
.sp-cl{ border-top:1px solid #E5DBCF; }
.sp-cl-item{ display:grid; grid-template-columns:140px minmax(0,1fr); gap:32px; padding:30px 0; border-bottom:1px solid #E5DBCF; }
.sp-cl-tag{ margin:4px 0 0; align-self:start; justify-self:start; font-size:11.5px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; padding:5px 10px; border-radius:999px; }
.sp-cl-new{ background:#F6E6DC; color:#8E4626; }
.sp-cl-improved{ background:#EAEDF2; color:#2C3A52; }
.sp-cl-security{ background:#E3F1EA; color:#1F6B4F; }
.sp-cl-body h2{ font-size:24px !important; line-height:1.2; margin:0 0 8px; }
.sp-cl-body p{ margin:0; color:#4A505B; font-size:16px; line-height:1.7; max-width:60ch; }
@media (max-width:640px){ .sp-cl-item{ grid-template-columns:1fr; gap:10px; padding:24px 0; } .sp-cl-body h2{ font-size:21px !important; } }
.sp-wide-head{ max-width:1120px; } .sp-wide-head .lead{ max-width:60ch; }
/* Essai gratuit : trois étapes côte à côte, dans l'ordre conseillé */
body.sp-learn section.sp-trial{ padding:64px 0 88px; background:#fff; }
.sp-trial-wrap{ max-width:1120px; }
.sp-trial-steps{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; border-top:1px solid #E5DBCF; }
.sp-trial-step{ display:flex; flex-direction:column; padding:32px 32px 8px 0; }
.sp-trial-step + .sp-trial-step{ padding-left:32px; border-left:1px solid #E5DBCF; }
.sp-trial-n{ font-family:var(--display-serif, Georgia, serif); font-size:44px; line-height:1; color:#A9552F; margin-bottom:18px; }
.sp-trial-k{ margin:0 0 8px; font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:#6B707A; }
.sp-trial-step h2{ font-size:24px !important; line-height:1.2; margin:0 0 10px; }
.sp-trial-step > p:not(.sp-trial-k){ color:#4A505B; font-size:15.5px; line-height:1.65; margin:0 0 20px; flex:1; }
.sp-trial-link{ align-self:flex-start; font-weight:700; font-size:15px; color:#1E2430; text-decoration:none; border-bottom:1.5px solid #A9552F; padding-bottom:2px; }
.sp-trial-link:hover{ color:#A9552F; }
@media (max-width:860px){
  .sp-trial-steps{ grid-template-columns:1fr; }
  .sp-trial-step, .sp-trial-step + .sp-trial-step{ padding:28px 0; border-left:0; border-bottom:1px solid #E5DBCF; }
  .sp-trial-n{ font-size:36px; margin-bottom:12px; }
  body.sp-learn section.sp-trial{ padding:32px 0 64px; }
}