/* ======================================================
   Le Radar Culturel — surcouche « CAHIER »
   À charger APRÈS rand.css. Pose la mise en page Rand sur un
   vrai papier d'écolier quadrillé (carreaux fins + ligne forte
   tous les 5 carreaux). Corrige logo + respiration meta-row.
   ====================================================== */

:root{
  --grid-minor:rgba(31,43,82,0.028);
  --grid-major:rgba(31,43,82,0.055);
}

/* papier quadrillé : carreaux 26px, ligne renforcée tous les 5 (130px) */
body{
  background-color:var(--paper);
  background-image:
    linear-gradient(var(--grid-major) 1px, transparent 1px),
    linear-gradient(90deg, var(--grid-major) 1px, transparent 1px),
    linear-gradient(var(--grid-minor) 1px, transparent 1px),
    linear-gradient(90deg, var(--grid-minor) 1px, transparent 1px);
  background-size:130px 130px, 130px 130px, 26px 26px, 26px 26px;
  background-position:0 0;
}

/* logo nettement plus grand */
.frontispiece img.lockup{width:212px;margin:0 0 32px;mix-blend-mode:multiply;}

/* meta-row : on décolle Durée / Accès de leur filet vertical */
.meta-row span{padding:18px 24px;}
.meta-row span:first-child{padding-left:0;}
.meta-row span:last-child{padding-right:0;}

/* les panneaux restent opaques pour préserver la lisibilité sur le quadrillage */
.sample-frame{background:var(--paper-2);}
.subscribe{background:var(--blue);}

@media(max-width:860px){
  .frontispiece img.lockup{width:172px;}
  .meta-row span{padding:16px 0;}
}