/* Bibliothèque de dos de cartes : galerie par collection. */
.vs{max-width:1060px;margin:0 auto;}
.vs--suite{margin-top:48px;border-top:1px solid var(--ccc-line);padding-top:34px;}
.vs-titre{margin:0 0 14px;font-size:26px;font-weight:700;}
.vs-intro{margin:0 0 34px;font-size:16px;line-height:1.6;max-width:56em;}

.vs-collection{margin:0 0 46px;}
.vs-collection__titre{margin:0 0 4px;font-size:22px;font-weight:700;}
.vs-collection__sous{margin:0 0 20px;font-size:14px;color:var(--ccc-muted);line-height:1.55;}
.vs-collection__format{display:block;font-size:13px;}

.vs-grille{list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:repeat(4,1fr);gap:26px 22px;}
.vs-carte{margin:0;text-align:left;}
.vs-carte__image{display:block;width:100%;height:auto;border:1px solid var(--ccc-line);
  border-radius:6px;background:#fff;}
.vs-carte__nom{display:block;margin-top:10px;font-size:14px;font-weight:700;}
.vs-carte__couleurs{display:block;margin-top:2px;font-size:13px;color:var(--ccc-muted);}

/* Téléchargement du fichier d'impression. Discret sous la vignette : c'est
   le dessin qu'on vient regarder, le bouton ne doit pas lui passer devant.
   Il s'étend sur toute la largeur de la carte pour rester atteignable au
   pouce sur un téléphone. */
.vs-carte__dl{display:block;margin-top:8px;padding:7px 10px;text-align:center;
 border:1px solid var(--ccc-line);border-radius:8px;font-size:13px;
 text-decoration:none;color:inherit;background:#fff;}
.vs-carte__dl:hover,.vs-carte__dl:focus{border-color:#c26747;color:#c26747;}
.vs-carte__format{display:block;margin-top:4px;font-size:12px;color:var(--ccc-muted);
 text-align:center;}

.vs-pied{border-top:1px solid var(--ccc-line);padding-top:26px;}
.vs-pied__titre{margin:0 0 12px;font-size:18px;font-weight:700;}
.vs-pied__liste{margin:0 0 20px;padding-left:20px;font-size:15px;line-height:1.6;}
.vs-pied__liste li{margin:6px 0;}

@media (max-width:900px){
  .vs-grille{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:620px){
  .vs-grille{grid-template-columns:repeat(2,1fr);gap:20px 16px;}
  .vs-collection__titre{font-size:20px;}
}

.vs-pied__action{margin:0;}
.vs-btn{display:inline-block;padding:15px 30px;background:var(--ccc-fg);color:#fff;
  text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  border:1px solid var(--ccc-fg);}
.vs-btn:hover{background:transparent;color:var(--ccc-fg);}