/* Oneclic Logo Board — documents A4 paysage */
@page{size:297mm 210mm;margin:0}
html{scroll-padding-top:0}
.pg-body{background:#d9dedb;margin:0;font-size:10.5pt;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.pg{width:297mm;height:210mm;margin:0 auto 10mm;background:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:11mm 14mm 9mm;box-shadow:0 10px 30px -12px rgba(0,0,0,.35);break-after:page;page-break-after:always}
.pg:last-of-type{break-after:auto;page-break-after:auto}

/* Barre d'outils (écran uniquement) */
.pg-toolbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:16px;justify-content:space-between;background:#111;color:#ddd;padding:10px 18px;margin-bottom:10mm;font-size:13px}
.pg-toolbar a{color:#fff;text-decoration:none;font-weight:600}
.pg-toolbar button{background:var(--a);color:var(--a-ink);border:0;border-radius:999px;padding:8px 16px;font-weight:800}
@media print{.pg-toolbar{display:none}.pg-body{background:#fff}.pg{margin:0;box-shadow:none}}
@media screen and (max-width:1160px){.pg{zoom:.62}.pg-toolbar span{display:none}}

/* En-tête / pied */
.pg-head{display:flex;align-items:center;gap:7mm;padding-bottom:4mm;border-bottom:.6mm solid var(--p);margin-bottom:7mm}
.pg-head-logo svg{width:38mm;height:auto}
.pg-head h2{margin:0;font-size:20pt;line-height:1;font-weight:700;color:var(--p);flex:1}
.pg-doc{font-size:8.5pt;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:#5d6662}
.is-dont .pg-head{border-bottom-color:#d6332b}
.pg-body-in{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center}
.pg-foot{display:flex;justify-content:space-between;font-size:7.5pt;color:#7a837f;padding-top:3mm;border-top:.25mm solid #dfe4e1;margin-top:5mm}
.pg-lead{margin:0 0 6mm;font-size:11pt;color:#4f5753}

/* Couverture */
.pg-is-cover{padding:0;background:var(--p);color:var(--p-ink)}
.pg-is-cover .pg-foot{position:absolute;left:14mm;right:14mm;bottom:8mm;color:inherit;opacity:.7;border-top-color:currentColor}
.pg-cover{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:14mm;height:100%;padding:0 18mm;position:relative}
.pg-cover::before{content:"";position:absolute;right:-30mm;top:-40mm;width:150mm;height:300mm;opacity:.07;background:repeating-linear-gradient(135deg,currentColor 0 7mm,transparent 7mm 20mm);transform:skewX(-8deg)}
.pg-cover-logo svg{width:100%;height:auto}
.pg-kicker{margin:0 0 3mm;text-transform:uppercase;letter-spacing:.16em;font-size:8.5pt;font-weight:700;opacity:.85}
.pg-cover h1{margin:0;font-size:40pt;line-height:1;font-weight:700}
.pg-cover-sub{margin:4mm 0 0;font-size:13pt;font-weight:600;opacity:.95}
.pg-cover-intro{margin:6mm 0 0;font-size:10.5pt;max-width:95mm;opacity:.88}
.pg-cover-band{position:absolute;left:0;right:0;top:0;height:5mm;background:var(--a)}
.pg-cover-band span{display:none}
.is-dont .pg-cover-band{background:#d6332b}

/* Blocs réutilisés : ajustements A4 */
.pg .lb-tile{border-radius:3mm}
.pg .lb-variants{gap:5mm;grid-template-columns:repeat(3,1fr)}
.pg .lb-var.is-main .lb-tile{min-height:0;height:auto;aspect-ratio:16/7.2}
.pg .lb-var:not(.is-main) .lb-tile{aspect-ratio:16/7.2}
.pg .lb-var figcaption,.pg .lb-bg figcaption,.pg .lb-dont figcaption{padding-top:2mm}
.pg .lb-var figcaption span,.pg .lb-bg figcaption span,.pg .lb-dont figcaption span{font-size:8.5pt}
.pg .lb-var figcaption strong,.pg .lb-bg figcaption strong,.pg .lb-dont figcaption strong{font-size:10.5pt}
.pg .lb-split{gap:10mm;grid-template-columns:1.6fr 1fr}
.pg .lb-prot{max-height:100mm}
.pg .lb-prose p{font-size:10.5pt}
.pg .lb-min{margin-top:6mm;padding-top:5mm;gap:14mm}
.pg .lb-min-item span{font-size:8.5pt}
.pg .lb-h3{font-size:9pt;margin:4mm 0 3mm}
.pg .lb-h3:first-child{margin-top:0}
.pg .lb-palette{gap:4mm}
.pg .lb-pal-principale .lb-chip{height:26mm;font-size:13pt}
.pg .lb-pal-logo .lb-chip{height:13mm;font-size:9pt}
.pg .lb-chip{padding:3mm}
.pg .lb-sw-body{padding:2.5mm 3mm 3mm}
.pg .lb-sw-body strong{font-size:10.5pt}
.pg .lb-sw-body dl{font-size:8.5pt;margin-top:1.5mm}
.pg .lb-pal-logo .lb-sw-body dl{font-size:7.5pt}
.pg .lb-sw-body em{font-size:8pt}
.pg .lb-note{font-size:7.5pt;margin-top:4mm}
.pg .lb-font{padding:8mm;gap:10mm;box-shadow:0 0 0 .3mm #dfe4e1}
.pg .lb-font-aa{font-size:60pt}
.pg .lb-font-aa span{font-size:18pt}
.pg .lb-font-sample{font-size:14pt}
.pg .lb-fonts{gap:6mm}
.pg .lb-hier{padding:8mm;gap:10mm;box-shadow:0 0 0 .3mm #dfe4e1}
.pg .lb-hier-h1{font-size:26pt}
.pg .lb-hier-h2{font-size:14pt}
.pg .lb-hier-p{font-size:10.5pt}
.pg .lb-font-weights p{font-size:11pt}
.pg .lb-w{font-size:7pt}
.pg .lb-bgs{gap:5mm}
.pg .lb-bg .lb-tile{aspect-ratio:16/8.4}
.pg .lb-donts{gap:6mm 6mm}
.pg .lb-dont .lb-tile{aspect-ratio:16/8.6}
.pg .dn-x{width:7mm;height:7mm;top:2.5mm;right:2.5mm}
.pg .dn-x::before,.pg .dn-x::after{left:calc(3.5mm - 1.5px);top:1.6mm;height:3.8mm}
.pg .dn-retype span{font-size:16pt}
.pg .dn-crowd span{font-size:9pt}
.pg .dn-busy{background:repeating-linear-gradient(45deg,var(--p) 0 3.5mm,var(--a) 3.5mm 6.5mm,#fff 6.5mm 8.5mm,var(--s) 8.5mm 12mm)}

/* Mises en situation (rendues par scenes.js) */
.pg-scenes{display:grid;grid-template-columns:repeat(3,1fr);gap:5mm}
.pg-scene{margin:0}
.pg-scene>svg{width:100%;height:auto;border-radius:3mm}
.pg-scene figcaption{font-size:9pt;font-weight:700;padding-top:1.5mm}

/* Les bons réflexes */
.pg-dos{display:grid;grid-template-columns:1fr 1.15fr;gap:12mm;align-items:center}
.pg-dos-logo{background:#fff;aspect-ratio:16/10;box-shadow:inset 0 0 0 .3mm #dfe4e1}
.i-ok-badge{position:absolute;top:3mm;right:3mm;width:9mm;height:9mm;border-radius:50%;background:#1b8a3a}
.i-ok-badge::after{content:"";position:absolute;left:3.1mm;top:1.6mm;width:2.4mm;height:4.6mm;border:solid #fff;border-width:0 1mm 1mm 0;transform:rotate(45deg)}
.pg-dos-list{list-style:none;counter-reset:d;margin:0;padding:0;display:flex;flex-direction:column;gap:6mm}
.pg-dos-list li{counter-increment:d;display:grid;grid-template-columns:11mm 1fr;column-gap:4mm}
.pg-dos-list li::before{content:counter(d);grid-row:span 2;width:11mm;height:11mm;border-radius:50%;background:var(--p);color:var(--p-ink);display:grid;place-items:center;font-weight:800;font-size:13pt}
.pg-dos-list strong{font-size:13pt;color:var(--p)}
.pg-dos-list span{font-size:10.5pt;color:#4f5753}
/* PDF : pas d'ombres ni de flous (certains lecteurs, dont Aperçu et Safari, les affichent en zones grises) */
.pg *,.pg *::before,.pg *::after{box-shadow:none!important;text-shadow:none!important}
.pg .lb-tile,.pg .lb-swatch,.pg .lb-font,.pg .lb-hier,.pg .pg-dos-logo{border:.3mm solid #dfe4e1}
.pg .pg-scene>img,.pg .pg-raster{display:block;width:100%;height:auto}
/* PDF : grilles qui se resserrent quand il y a beaucoup de couleurs ou de fonds (tout tient sur la page) */
.pg .lb-pal-principale:has(>:nth-child(4)){grid-template-columns:repeat(4,1fr)}
.pg .lb-pal-principale:has(>:nth-child(5)){grid-template-columns:repeat(5,1fr)}
.pg .lb-pal-principale:has(>:nth-child(6)){grid-template-columns:repeat(6,1fr)}
.pg .lb-pal-principale:has(>:nth-child(4)) .lb-chip{height:16mm;font-size:10pt}
.pg .lb-pal-principale:has(>:nth-child(7)) .lb-chip{height:11mm;font-size:8.5pt}
.pg .lb-pal-principale:has(>:nth-child(7)) .lb-sw-body dl,.pg .lb-pal-principale:has(>:nth-child(5)) .lb-sw-body dl{font-size:7pt}
.pg .lb-pal-logo:has(>:nth-child(6)){grid-template-columns:repeat(6,1fr)}
.pg .lb-pal-logo:has(>:nth-child(7)){grid-template-columns:repeat(7,1fr)}
.pg .lb-pal-logo:has(>:nth-child(8)){grid-template-columns:repeat(8,1fr)}
.pg .lb-pal-logo:has(>:nth-child(6)) .lb-chip{height:9mm;font-size:7.5pt}
.pg .lb-bgs:has(>:nth-child(7)){grid-template-columns:repeat(4,1fr);gap:4mm}
.pg .lb-bgs:has(>:nth-child(9)){grid-template-columns:repeat(5,1fr)}