/* Bégémot : presse satirique imprimée, esprit années 1980, identité advarP. */
body.begemot-page{--beg-red:var(--red,#9d1c18);--beg-ink:#171717;--beg-muted:#535353;background:var(--paper,#f7f3ea);color:var(--beg-ink)}
body.begemot-page main{overflow:hidden}

.begemot-front{padding:26px 0 18px;background:transparent}
.begemot-front .wrap{max-width:1180px}
.begemot-topline{display:flex;justify-content:space-between;gap:18px;padding:8px 0 7px;border-top:1px solid var(--beg-ink);border-bottom:1px solid var(--beg-ink);font:900 .72rem/1.2 Arial,Helvetica,sans-serif;letter-spacing:.085em;text-transform:uppercase;color:var(--beg-red)}
.begemot-masthead{display:grid;grid-template-columns:minmax(150px,220px) 1fr minmax(180px,260px);gap:24px;align-items:center;padding:13px 0 11px;border-bottom:5px double var(--beg-ink)}
.begemot-logo-wrap{display:flex;align-items:center;justify-content:center;min-width:0}
.begemot-logo{display:block;width:min(100%,205px);height:auto;aspect-ratio:1;object-fit:contain}
.begemot-name{text-align:center;min-width:0}
.begemot-name .eyebrow{margin-bottom:2px;color:var(--beg-red)}
.begemot-name h1{margin:0!important;font-family:var(--display);font-size:clamp(4.2rem,9.5vw,8.5rem);line-height:.78;letter-spacing:-.04em;text-transform:none;color:var(--beg-ink)}
.begemot-deck{max-width:650px;margin:26px auto 0;font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.42;color:#3f3f3f}
.begemot-sidebox{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:12px 0 12px 22px;border-left:1px solid var(--beg-ink)}
.begemot-sidebox strong{display:block;margin-bottom:6px;font:900 .78rem/1.15 Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--beg-red)}
.begemot-sidebox p{margin:0;font-size:.92rem;line-height:1.45;color:#444}
.begemot-warning-strip{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;margin-top:12px;padding:8px 0;border-bottom:1px solid var(--beg-ink)}
.begemot-warning-strip .label{padding:5px 8px;background:var(--beg-red);font:900 .68rem/1 Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:#fff;transform:rotate(-1deg)}
.begemot-warning-strip p{margin:0;font:800 .78rem/1.35 Arial,Helvetica,sans-serif;color:#2d2d2d}

body.begemot-page .section-nav-wrap{background:transparent;border:0}
body.begemot-page .section-nav{max-width:1180px;margin-inline:auto;padding-block:8px;border-bottom:4px solid var(--beg-ink);gap:8px}
body.begemot-page .section-nav a{border:1px solid var(--beg-ink);border-radius:0;background:transparent;color:var(--beg-ink);font-weight:900;text-transform:uppercase;letter-spacing:.045em}
body.begemot-page .section-nav a:hover,body.begemot-page .section-nav a:focus-visible{background:var(--beg-red);border-color:var(--beg-red);color:#fff}

body.begemot-page .section{background:transparent}
body.begemot-page .section>.wrap{max-width:1180px}
body.begemot-page .section-head{align-items:end;margin-bottom:20px;padding:0 0 9px;border-bottom:3px solid var(--beg-ink)}
body.begemot-page .section-head>div{min-width:0}
body.begemot-page .section-head .eyebrow{color:var(--beg-red)}
body.begemot-page .section-head h2{margin:.05em 0 0;font-family:var(--display);font-size:clamp(2.7rem,6vw,5.1rem);line-height:.86;text-transform:none;color:var(--beg-ink)}
body.begemot-page .section-head>p{max-width:44ch;color:#464646}
body.begemot-page #puits .section-head{display:block;text-align:center;padding-bottom:14px}
body.begemot-page #puits .section-head>div{max-width:none}
body.begemot-page #puits .section-head>p{max-width:72ch;margin:16px auto 0;line-height:1.5;text-align:center}

/* Le Puits du Fou : gros titres, filets, blocs façon brèves dessinées. */
body.begemot-page .fous-theory{margin:0;padding:22px 0;border:0;border-bottom:1px solid var(--beg-ink);background:transparent;box-shadow:none}
body.begemot-page .fous-theory:first-of-type{border-top:1px solid var(--beg-ink)}
body.begemot-page .fous-theory .bigtitle{max-width:22ch;margin:.08em 0 .25em;font-family:var(--display);font-size:clamp(2rem,4.2vw,3.8rem);line-height:.92;text-transform:none;color:var(--beg-ink)}
body.begemot-page .fous-theory blockquote{margin:12px 0;padding:8px 0 8px 16px;border-left:6px solid var(--beg-red);background:transparent;font-size:clamp(1rem,1.8vw,1.18rem);font-style:italic;color:#333}
body.begemot-page .fous-proof-box{margin-top:14px;border:1px solid var(--beg-ink);border-radius:0;background:rgba(255,255,255,.15);box-shadow:3px 3px 0 var(--beg-ink)}
body.begemot-page .fous-proof-title{background:var(--beg-ink);color:#fff!important}
body.begemot-page .fous-cqfd{color:var(--beg-red)}

/* Tu préfères : encart de Une volontairement un peu de travers. */
body.begemot-page .wyr-shell{position:relative;border:2px solid var(--beg-ink);border-radius:0;background:transparent;box-shadow:5px 5px 0 var(--beg-red);transform:rotate(-.18deg)}
body.begemot-page .wyr-disclaimer{border-bottom:1px solid var(--beg-ink);background:transparent}
body.begemot-page .wyr-prompt{font-family:var(--display);font-size:clamp(1.8rem,4vw,3.3rem);line-height:.96;color:var(--beg-ink)}
body.begemot-page .wyr-option{border:2px solid var(--beg-ink);border-radius:0;background:var(--paper,#f7f3ea);color:var(--beg-ink);box-shadow:3px 3px 0 var(--beg-ink);font-weight:900}
body.begemot-page .wyr-option:hover:not(:disabled),body.begemot-page .wyr-option:focus-visible:not(:disabled){background:var(--beg-red);border-color:var(--beg-red);color:#fff;box-shadow:3px 3px 0 var(--beg-ink)}
body.begemot-page .wyr-feedback{border-color:var(--beg-ink);background:transparent}
body.begemot-page .wyr-next[hidden],body.begemot-page .wyr-feedback[hidden]{display:none!important}

/* Galerie : davantage journal mural que grille d'application. */
body.begemot-page .meme-filters{padding:8px 0;border-top:1px solid var(--beg-ink);border-bottom:1px solid var(--beg-ink)}
body.begemot-page .meme-filters .tab{border-radius:0;background:transparent;color:var(--beg-ink)}
body.begemot-page .meme-filters .tab.active,body.begemot-page .meme-filters .tab:hover,body.begemot-page .meme-filters .tab:focus-visible{background:var(--beg-red);color:#fff}
body.begemot-page .hub-meme-grid{gap:24px}
body.begemot-page .hub-meme-card{border:0;border-top:1px solid var(--beg-ink);border-radius:0;background:transparent;box-shadow:none}
body.begemot-page .hub-meme-card img{filter:grayscale(1);transition:filter .18s ease,transform .18s ease}
body.begemot-page .hub-meme-card a:hover img,body.begemot-page .hub-meme-card a:focus-visible img{filter:none;transform:rotate(-.35deg) scale(1.012)}
body.begemot-page .meme-empty{border:1px solid var(--beg-ink);border-radius:0;background:transparent;box-shadow:4px 4px 0 var(--beg-red)}

body.begemot-page .darksection{margin-top:24px;border-top:5px double var(--beg-ink);border-bottom:5px double var(--beg-ink);background:var(--beg-ink)!important;color:var(--paper,#f7f3ea)}
body.begemot-page .darksection .section-head{border-bottom-color:var(--paper,#f7f3ea)}
body.begemot-page .darksection .section-head h2,body.begemot-page .darksection .section-head>p{color:var(--paper,#f7f3ea)}
body.begemot-page .darksection .btn{border-radius:0}

@media(min-width:901px){
  body.begemot-page #puits .wrap{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);column-gap:34px;align-items:start}
  body.begemot-page #puits .section-head{grid-column:1/-1}
  body.begemot-page #puits .fous-theory:nth-of-type(odd){grid-column:1;padding-right:28px;border-right:1px solid var(--beg-ink)}
  body.begemot-page #puits .fous-theory:nth-of-type(even){grid-column:2;padding-left:0}
  body.begemot-page #tu-preferes .section-head{grid-template-columns:minmax(270px,.7fr) minmax(0,1.3fr);column-gap:clamp(32px,5vw,72px);align-items:end}
  body.begemot-page #tu-preferes .section-head>p{max-width:68ch;margin:0;line-height:1.5;text-align:left}
}

@media(max-width:900px){
  .begemot-masthead{grid-template-columns:150px 1fr;gap:16px}
  .begemot-logo{width:145px}
  .begemot-sidebox{grid-column:1/-1;padding:11px 0 0;border-left:0;border-top:1px solid var(--beg-ink)}
  .begemot-name h1{font-size:clamp(4rem,13vw,6.2rem)}
  .begemot-warning-strip{grid-template-columns:1fr;gap:8px}
  .begemot-warning-strip .label{justify-self:start}
  body.begemot-page #tu-preferes .section-head>p{max-width:70ch;margin-top:4px;text-align:left;line-height:1.5}
}

@media(max-width:560px){
  .begemot-front{padding-top:16px}
  .begemot-topline{align-items:flex-start;flex-direction:column;gap:4px}
  .begemot-masthead{grid-template-columns:1fr;text-align:center}
  .begemot-logo{width:min(58vw,200px)}
  .begemot-sidebox{text-align:left}
  .begemot-name h1{font-size:clamp(4rem,22vw,6.5rem)}
  .begemot-deck{margin-top:20px}
  body.begemot-page .section-head{align-items:start}
  body.begemot-page #puits .section-head>p{max-width:100%;margin-top:12px}
  body.begemot-page .wyr-shell{box-shadow:3px 3px 0 var(--beg-red);transform:none}
}

body.accessible.begemot-page .begemot-name h1,body.accessible.begemot-page .section-head h2,body.accessible.begemot-page .fous-theory .bigtitle{color:#111!important}
body.accessible.begemot-page .begemot-logo{filter:none!important}
body.accessible.begemot-page .begemot-topline,body.accessible.begemot-page .begemot-warning-strip,body.accessible.begemot-page .section-head,body.accessible.begemot-page .fous-theory,body.accessible.begemot-page .wyr-shell{border-color:#111!important}