@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=IM+Fell+English:ital@0;1&display=swap');
/* === SUPPRESSION DE TOUTE MARGE BLANCHE === */
@page {
size: A4;
margin: 0;
}
html, body {
margin: 0;
padding: 0;
background: #f8ebd0;
height: 100%;
}
body {
background: inherit;
color: #2c221b;
font-family: 'IM Fell English', 'Libre Baskerville', Georgia, serif;
line-height: 1.45;
position: relative;
padding: 1.5cm;
column-count: 2;
column-gap: 1.8cm;
column-rule: 1px dashed #c0a080;
background-image: repeating-linear-gradient(45deg, rgba(180,140,100,0.08) 0px, rgba(180,140,100,0.08) 2px, transparent 2px, transparent 8px);
background-blend-mode: multiply;
}
/* === CADRE MÉDIÉVAL === */
body::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 8px solid #e8dcc8;
outline: 4px solid #c8b28b;
pointer-events: none;
z-index: 1;
}
/* === TITRES === */
h1, h2, h3 {
font-family: 'Cinzel', 'Times New Roman', serif;
font-weight: 600;
color: #4a3120;
letter-spacing: 1px;
margin-top: 0.8em;
break-after: avoid;
}
h1 {
font-size: 2.4em;
text-align: center;
border-bottom: 2px solid #b88d5e;
padding-bottom: 0.2em;
margin-bottom: 0.5em;
}
h1::after {
content: "✦ ✦ ✦";
display: block;
font-size: 0.5em;
letter-spacing: 6px;
color: #8b6946;
margin-top: 6px;
}
h2 {
font-size: 1.6em;
border-left: 4px solid #b88d5e;
padding-left: 12px;
margin: 0.6em 0 0.4em;
}
h3 {
font-size: 1.2em;
font-style: italic;
color: #5e3e28;
}
/* === PARAGRAPHES (lettrine supprimée) === */
p {
margin: 0.4em 0;
text-align: justify;
}
/* === CITATIONS === */
blockquote {
border-left: 4px solid #b58b5a;
padding: 6px 12px;
margin: 12px 0;
background: #f5ecdf;
font-style: italic;
color: #3a2c1e;
border-radius: 0 8px 8px 0;
}
/* === LISTES === */
ul, ol {
padding-left: 1.4em;
margin: 0.3em 0;
}
li {
margin: 0.2em 0;
}
li::marker {
color: #b88d5e;
}
/* === SÉPARATEUR ORNÉ === */
hr {
border: none;
height: 1px;
background: linear-gradient(90deg, transparent, #b88d5e, #b88d5e, transparent);
margin: 1.2em 0;
}
hr::before {
content: "⚜ ⚜ ⚜";
display: block;
text-align: center;
font-size: 0.8em;
letter-spacing: 4px;
color: #b88d5e;
background: #f8ebd0;
position: relative;
top: -0.6em;
padding: 0 0.5em;
width: fit-content;
margin: 0 auto;
}
/* === TABLEAUX === */
table {
width: 100%;
border-collapse: collapse;
margin: 1em 0;
background: #faf3e6;
font-size: 0.9em;
}
th, td {
border: 1px solid #cfb48c;
padding: 6px 8px;
text-align: left;
vertical-align: top;
}
th {
background: #e3d3be;
font-family: 'Cinzel', serif;
font-weight: 600;
color: #3f2c1a;
}
/* === BLOC STAT === */
.stat-block {
border: 2px solid #a97c52;
padding: 10px 14px;
margin: 14px 0;
background: #f4eadc;
break-inside: avoid;
border-radius: 8px 0 8px 0;
}
/* === MISE EN VALEUR === */
strong {
font-weight: 700;
color: #4c351f;
}
em {
font-style: italic;
color: #6e4e2e;
}
/* === LIENS === */
a {
color: #7a562e;
text-decoration: none;
border-bottom: 1px dotted #b88d5e;
}
/* === CODE === */
code, pre {
font-family: 'Courier New', monospace;
background: #e8ddce;
border: 1px solid #d8c4a8;
border-radius: 6px;
padding: 2px 4px;
}
pre {
padding: 8px;
white-space: pre-wrap;
}
/* === ÉVITER COUPURES === */
h1, h2, h3, blockquote, .stat-block, table, pre {
break-inside: avoid;
page-break-inside: avoid;
}
/* === NUMÉROTATION DE PAGE === */
@page {
margin: 0;
@bottom-center {
content: "✧ " counter(page) " ✧";
font-family: 'Cinzel', serif;
font-size: 9pt;
color: #9b7a56;
letter-spacing: 2px;
}
}
/* === COMPATIBILITÉ PDF PUPPETEER === */
@media print {
body {
background-blend-mode: normal !important;
-webkit-print-color-adjust: exact !important;
print-color-adjust: exact !important;
}
p, blockquote, table, .stat-block, pre, ul, ol {
break-inside: avoid !important;
page-break-inside: avoid !important;
}
body::before {
box-sizing: border-box !important;
}
}