/* Notes de règle sous les titres de section, et frises de jalons.
   Chargé après progression.css : peut affiner les mêmes classes. */

/* La « règle » éditoriale placée sous un titre : une contrainte assumée,
   pas un simple sous-titre. */
.cap-rule{margin:2px 0 14px;color:var(--muted);font-size:13.5px;line-height:1.5;max-width:74ch;
  border-left:2px solid rgba(49,95,158,.35);padding-left:11px}

/* Frise des jalons (justesse du regard, trajectoire des diagnostics). */
.cap-trail{list-style:none;margin:0;padding:0;background:var(--paper);border:1px solid var(--line);
  border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm)}
.cap-trail li{display:grid;grid-template-columns:92px 1fr;gap:14px;padding:13px 16px;
  border-bottom:1px solid var(--line);position:relative;transition:background .12s}
.cap-trail li:hover{background:#f7f9fc}
.cap-trail li:last-child{border:0}
.cap-trail time{font-size:12.5px;color:var(--muted);font-weight:700;letter-spacing:.02em;
  padding-left:14px;position:relative}
.cap-trail time::before{content:"";position:absolute;left:0;top:.35em;width:7px;height:7px;border-radius:50%;
  background:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}
.cap-trail b,.cap-trail span,.cap-trail em{display:block}
.cap-trail b{font-family:'Source Serif 4',Georgia,serif;font-size:15px;color:var(--ink)}
.cap-trail span{margin-top:3px;font-size:13.5px;color:#54617a;line-height:1.4}
.cap-trail em{margin-top:7px;color:#274b7c;font-size:12.5px;font-style:normal;font-weight:700;
  display:inline-block;background:var(--blue-soft);padding:3px 9px;border-radius:99px}

@media(max-width:700px){
  .cap-trail li{grid-template-columns:1fr;gap:5px}
  .cap-trail time{padding-left:0}
  .cap-trail time::before{display:none}
}