@font-face{font-family:"Permanent Marker";src:url("polices/permanent-marker-latin-400-normal.woff2") format("woff2");font-display:block}
@font-face{font-family:"Space Mono";font-weight:400;src:url("polices/space-mono-latin-400-normal.woff2") format("woff2");font-display:block}
@font-face{font-family:"Space Mono";font-weight:700;src:url("polices/space-mono-latin-700-normal.woff2") format("woff2");font-display:block}
@font-face{font-family:"Source Serif 4";font-weight:400;src:url("polices/source-serif-4-latin-400-normal.woff2") format("woff2");font-display:block}
@font-face{font-family:"Source Serif 4";font-weight:400;font-style:italic;src:url("polices/source-serif-4-latin-400-italic.woff2") format("woff2");font-display:block}
@font-face{font-family:"Source Serif 4";font-weight:600;src:url("polices/source-serif-4-latin-600-normal.woff2") format("woff2");font-display:block}

@page{
  size:148mm 210mm;
  margin:20mm 15mm 22mm 15mm;
  @top-left{content:string(rubrique);font:400 7pt "Space Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:#777}
  @top-right{content:"carnet ouvert";font:400 7pt "Space Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:#777}
  @bottom-center{content:counter(page);font:700 8.5pt "Space Mono",monospace;color:#141414}
}
@page couverture{margin:0;@top-left{content:none}@top-right{content:none}@bottom-center{content:none}}
@page dos{@top-left{content:none}@top-right{content:none}@bottom-center{content:none}}

*{box-sizing:border-box}
body{font:400 10pt/1.48 "Source Serif 4",Georgia,serif;color:#141414;background:#fff;hyphens:auto;margin:0}

/* couverture */
.couverture{page:couverture;height:210mm;position:relative;overflow:hidden;padding:18mm 15mm}
.couverture .tampon{font:700 7.5pt "Space Mono",monospace;letter-spacing:.12em;text-transform:uppercase;border:1.5px solid #141414;display:inline-block;padding:1.2mm 2.5mm;transform:rotate(-2deg)}
.couverture h1{font:400 50pt/.95 "Permanent Marker",cursive;margin:18mm 0 7mm;transform:rotate(-2deg)}
.couverture .sous{font:400 italic 12pt/1.35 "Source Serif 4",serif;max-width:92mm}
.couverture .pied{position:absolute;left:15mm;right:15mm;bottom:16mm;font:400 7.5pt/1.5 "Space Mono",monospace;text-transform:uppercase;letter-spacing:.06em;border-top:1.5px solid #141414;padding-top:3mm;display:flex;justify-content:space-between}
.couverture svg{position:absolute;right:-28mm;top:62mm;width:150mm;height:150mm}

/* rubriques */
h2.rub{string-set:rubrique content();font:400 21pt/1.05 "Permanent Marker",cursive;margin:8mm 0 4mm;break-after:avoid;page-break-after:avoid;break-inside:avoid}
h2.rub.saut{break-before:page;page-break-before:always;margin-top:0}
h3{font:700 8pt/1.3 "Space Mono",monospace;text-transform:uppercase;letter-spacing:.08em;margin:5mm 0 2mm;break-after:avoid;page-break-after:avoid}
p{margin:0 0 3mm;text-align:justify;orphans:3;widows:3}
em{font-style:italic}
.chapeau{font-size:11.5pt;line-height:1.45;font-style:italic}
.mono{font:400 8pt/1.5 "Space Mono",monospace}
.cri{font:400 15pt/1.25 "Permanent Marker",cursive;margin:5mm 0;transform:rotate(-1.2deg);break-inside:avoid}
.encadre{border:1.5px solid #141414;padding:3mm 4mm;margin:4mm 0;break-inside:avoid}
.encadre p:last-child{margin-bottom:0}
.note{border-left:3px solid #141414;padding-left:3mm;font:400 8pt/1.5 "Space Mono",monospace;margin:4mm 0;break-inside:avoid}
ul.tirets{list-style:none;padding:0;margin:2mm 0 4mm}
ul.tirets li{padding-left:5mm;text-indent:-5mm;margin:1.2mm 0}
ul.tirets li::before{content:"—  "}
ol.regles{counter-reset:r;list-style:none;padding:0;margin:3mm 0}
ol.regles li{counter-increment:r;position:relative;padding-left:9mm;margin:2.2mm 0;break-inside:avoid}
ol.regles li::before{content:counter(r);position:absolute;left:0;top:-.5mm;font:400 15pt/1 "Permanent Marker",cursive}
dl.mots dt{font:700 8pt "Space Mono",monospace;text-transform:uppercase;letter-spacing:.06em;margin-top:3.2mm;break-after:avoid;page-break-after:avoid}
dl.mots dd{margin:.6mm 0 0}
.schema{margin:4mm 0;break-inside:avoid}
.chaine{font:400 7.6pt/1.6 "Space Mono",monospace;text-align:center;border-top:2px solid #141414;border-bottom:2px solid #141414;padding:2.5mm 0;margin:0;hyphens:none}
.cri.petit{font-size:12pt;text-align:center;margin:2.5mm 0 0}
.dos{page:dos;break-before:page;page-break-before:always}
.dos .fin{font:400 28pt/1 "Permanent Marker",cursive;margin:28mm 0 8mm;transform:rotate(-2deg)}