/* connard.cc: French "Seyès" ruled paper. Loaded after paper.css; the other domains are untouched.
   Grid: thin line every 10px (u), heavy line every 40px (4u). Text baselines sit on top of the lines:
   names on a heavy line, the smaller text on thin lines. Lower-case letters fill the first two spaces above
   their baseline, ascenders reach the third. app.js sets --grid-y so the grid starts at the top of the list. */

/* the list page only: other pages keep the plain ruled sheet */
.paper:has(.list)::before{
  background:
    linear-gradient(90deg,transparent 79px,rgba(205,45,85,.45) 79px 81px,transparent 81px),
    repeating-linear-gradient(90deg,transparent 0 39px,rgba(70,100,205,.17) 39px 40px),
    repeating-linear-gradient(180deg,transparent 0 38px,rgba(55,80,195,.30) 38px 40px),
    repeating-linear-gradient(180deg,transparent 0 9px,rgba(70,100,205,.17) 9px 10px);
  background-position:0 0,0 0,0 var(--grid-y,0px),0 var(--grid-y,0px);
}
@media (max-width:560px){
  .paper:has(.list)::before{
    background-image:
      linear-gradient(90deg,transparent 39px,rgba(205,45,85,.45) 39px 41px,transparent 41px),
      repeating-linear-gradient(90deg,transparent 0 39px,rgba(70,100,205,.17) 39px 40px),
      repeating-linear-gradient(180deg,transparent 0 38px,rgba(55,80,195,.30) 38px 40px),
      repeating-linear-gradient(180deg,transparent 0 9px,rgba(70,100,205,.17) 9px 10px);
  }
}

/* rows: everything a multiple of 10px high so each row starts on the grid; text must not tilt away from the lines */
.list{margin-top:0}
.item,.item:nth-child(odd),.item:nth-child(even){transform:none}
.item{grid-template-columns:80px 1fr;gap:20px;align-items:start;padding:0 0 20px}
.item:nth-child(even){grid-template-columns:1fr 80px}
.pic{width:80px;height:80px}
.who{padding-top:0}

/* line boxes are 40 / 30 / 20px; the small "top" nudges put each baseline on a line (Caveat: baseline = L/2 + .33em) */
.name{font-size:40px;line-height:40px;margin:0;top:4.8px}
.cnt{font-size:20px;line-height:20px;margin:0;position:relative;top:2.4px}
.why{font-size:26px;line-height:30px;margin:0;position:relative;top:-4.58px}
.why + .why{margin-top:0}
.more{font-size:20px;line-height:20px;margin:0;position:relative;top:2.4px}
details.rest summary.more{margin:0;line-height:20px}
details.rest[open] summary.more{margin-bottom:0}
.src{display:block;width:fit-content;margin:0;font-size:19px;line-height:20px;position:relative;top:2.73px}

/* deep dark blue bars, a paler wall (veil sits above the wall paint, below everything else) */
.topbar,.topbar-menu[open] .topbar-links{background:#0a1a44}
.disclaimer{background:rgba(10,26,68,.74)}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:rgba(255,255,255,.3)}

/* site title in the top bar: white capitals, cyan under the pointer */
.topbar-logo{color:#fff;text-transform:uppercase}
.topbar-logo:hover{color:#22d3ee}
/* footer: white text and links instead of yellow, cyan under the pointer */
.disclaimer a:hover,.footer-sites a:hover{color:#22d3ee}
.footer-sites{display:none}
/* "Ce site n'est pas responsable…": light grey italic, a little larger, not bold */
.disclaimer .lead{color:#cbd5e1;font-style:italic;font-weight:400;font-size:27px}