/* =========================================================================
   CRMTL — Le Carnet — contenus éditoriaux
   La base historique est surtout en HTML classique (freeform), avec 700
   listes de lecture [playlist], 450 [audio], des tableaux TablePress, des
   légendes [caption], des galeries et des cartes oEmbed. Tout passe ici.
   ========================================================================= */

.contenu{font-size:var(--fs-texte);line-height:1.55}
.contenu > *{max-width:62ch;margin-block:0 1em}
.contenu > :is(.st-agenda,.wp-block-sync-trad-agenda,.alignwide,.alignfull,.wp-block-table,table,figure,.wp-block-gallery,.gallery,.wp-playlist,.wp-block-embed,.wp-block-columns,.tablepress,.wp-block-tablepress-table,.wp-block-media-text,.wp-block-group,.crmtl-embed,.wp-block-crmtl-player,iframe,.wp-video){max-width:none}
.contenu > :first-child{margin-top:0}
.contenu h2,.contenu h3,.contenu h4,.contenu h5,.contenu h6{text-transform:none;margin:1.9em 0 .55em;max-width:36ch}
.contenu h2{font-size:var(--fs-h3);font-weight:400;line-height:1.05}
.contenu h3{font-size:var(--fs-h4);font-weight:420;line-height:1.12}
.contenu h4{font-size:1.3125rem;font-family:var(--f-texte);font-weight:600;line-height:1.25}
.contenu h5,.contenu h6{font-size:var(--fs-petit);font-family:var(--f-texte);font-weight:600;font-stretch:90%}
.contenu a{text-decoration-color:color-mix(in srgb,currentColor 55%,transparent)}
.contenu strong,.contenu b{font-weight:700}
.contenu ul,.contenu ol{padding-left:1.25em}
.contenu li{margin:.25em 0}
.contenu li::marker{color:var(--rouge)}
.contenu hr,.contenu .wp-block-separator{border:0;border-top:var(--trait) solid var(--suie);margin:3em 0;max-width:none;opacity:1}
.contenu .wp-block-separator.is-style-wide{border-top-width:var(--trait-fort)}
.contenu .has-text-align-center{text-align:center}
.contenu .has-text-align-right{text-align:right}
/* couleurs et tailles en ligne héritées des anciens thèmes : on les neutralise */
.contenu [style*="color: #"],.contenu [style*="color:#"],.contenu font[color]{color:inherit!important}
.contenu [style*="font-family"],.contenu font[face]{font-family:inherit!important}
.contenu [style*="font-size"]{font-size:inherit!important}
.contenu [style*="background-color"]:not(.has-background){background-color:transparent!important}
.contenu p:empty{display:none}

/* chapô du premier paragraphe d'un article */
.section-texte .contenu > p:first-of-type:not(:has(img)){font-size:var(--fs-chapo);font-weight:450;line-height:1.38}

/* images, légendes, alignements */
.contenu img{height:auto}
.contenu .alignleft{float:left;margin:.3em var(--gouttiere) 1em 0;max-width:min(45%,420px)}
.contenu .alignright{float:right;margin:.3em 0 1em var(--gouttiere);max-width:min(45%,420px)}
.contenu .aligncenter{margin-inline:auto;display:block}
.contenu::after{content:"";display:block;clear:both}
.contenu figure{margin:2em 0}
.contenu .wp-caption{max-width:100%!important}
.contenu figcaption,.contenu .wp-caption-text,.contenu .wp-element-caption,.contenu .gallery-caption{font-family:var(--f-texte);font-style:italic;font-size:.875rem;line-height:1.45;color:var(--discret);margin-top:.6rem;text-align:left}
.contenu .is-style-encre{background:var(--kaolin)}
.contenu .is-style-encre img{filter:grayscale(1) contrast(1.15);mix-blend-mode:multiply}
@media (max-width:640px){.contenu .alignleft,.contenu .alignright{float:none;max-width:100%;margin:1.5em 0}}

/* galeries classiques [gallery] */
.contenu .gallery{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:8px;margin:2em 0}
.contenu .gallery-columns-1{--cols:1}.contenu .gallery-columns-2{--cols:2}.contenu .gallery-columns-4{--cols:4}.contenu .gallery-columns-5{--cols:5}.contenu .gallery-columns-6{--cols:6}
.contenu .gallery-item{margin:0;width:auto!important;max-width:none!important}
.contenu .gallery-item img{width:100%;aspect-ratio:1;object-fit:cover;border:0!important}
.contenu .gallery br{display:none}
@media (max-width:640px){.contenu .gallery{--cols:2!important}}

/* tableaux (dont TablePress) */
.contenu table{width:100%;border-collapse:collapse;font-size:var(--fs-petit);margin:2em 0}
.contenu .wp-block-table{overflow-x:auto;margin:2em 0}
.contenu .wp-block-table table{margin:0}
.contenu th,.contenu td{text-align:left;vertical-align:top;padding:.7rem .8rem .7rem 0;border:0;border-bottom:var(--trait) solid color-mix(in srgb,var(--suie) 22%,transparent)}
.contenu thead th,.contenu .tablepress thead th{font-family:var(--f-mono);font-stretch:87.5%;font-weight:400;font-size:var(--fs-note);color:var(--discret);background:none;border-bottom:var(--trait-fort) solid var(--suie)}
.contenu .tablepress{background:none}
.contenu .tablepress > :where(thead,tbody,tfoot) > tr > *{background:none!important;color:inherit}
.contenu .tablepress .row-hover tr:hover td{background:var(--kaolin-2)!important}
.contenu .dataTables_wrapper,.contenu .dt-container{font-size:var(--fs-petit)}
.contenu .dt-search input,.contenu .dataTables_filter input{border:0;border-bottom:var(--trait) solid var(--suie);background:none;border-radius:0}
/* l'édito d'accueil est rédigé dans un tableau : on le remet en texte, en deux colonnes */
.edito .contenu :is(table,tbody,tr,td,figure.wp-block-table,.wp-block-columns,.wp-block-column){display:block;border:0;padding:0;margin:0;font-size:inherit;width:auto;max-width:none}
.edito .contenu > *,.edito .contenu p{max-width:none}
.edito .contenu :is(h1,h2,h3){column-span:all;font-size:var(--fs-h3);font-style:italic;font-weight:350;line-height:1.05;margin:0 0 .8em;max-width:none;font-variation-settings:"opsz" 144,"SOFT" 100,"WONK" 1}
.edito .contenu .wp-block-spacer{display:none}

/* citations */
.contenu blockquote,.contenu .wp-block-quote{margin:2.4em 0;padding:0;border:0;font-family:var(--f-titre);font-style:italic;font-weight:330;font-size:var(--fs-h4);line-height:1.2;font-variation-settings:"opsz" 72,"SOFT" 100,"WONK" 1}
.contenu blockquote > p:first-child::before,.contenu .wp-block-quote > p:first-child::before{content:"« ";color:var(--rouge);margin-left:-.6em}
.contenu blockquote > p:last-of-type::after,.contenu .wp-block-quote > p:last-of-type::after{content:" »";color:var(--rouge)}
.contenu blockquote cite,.contenu .wp-block-quote cite{display:block;margin-top:1rem;font-family:var(--f-mono);font-size:var(--fs-note);font-style:normal;color:var(--discret)}
.wp-block-quote.is-style-grande{font-size:var(--fs-h2);font-weight:300;line-height:1.08;letter-spacing:-.01em;max-width:none;text-indent:-.45em}
.contenu .wp-block-pullquote{border:0;padding:0;text-align:left}
.contenu .wp-block-verse,.contenu pre.wp-block-verse{font-family:var(--f-titre);font-style:italic;font-size:var(--fs-texte);white-space:pre-wrap;background:none;padding:0 0 0 1.25em;border-left:var(--trait-fort) solid var(--rouge)}
.contenu code,.contenu kbd{font-family:var(--f-mono);font-size:.85em}
.contenu pre{font-family:var(--f-mono);font-size:var(--fs-petit);background:var(--kaolin-2);padding:1.2rem;overflow:auto}

/* boutons et fichiers joints (PDF de partitions…) */
.contenu .wp-block-file{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1.5rem;padding:.8rem 0;border-top:var(--trait) solid var(--suie);border-bottom:var(--trait) solid var(--suie);margin:0 0 -1px;max-width:none}
.contenu .wp-block-file > a:first-child{font-weight:600;text-decoration:none;flex:1 1 280px}
.contenu .wp-block-file > a:first-child::before{content:"/ pdf  ";font-family:var(--f-mono);font-weight:400;font-size:var(--fs-note);color:var(--rouge);white-space:pre}
.contenu .wp-block-file__button{background:none!important;color:var(--suie)!important;font-family:var(--f-mono);font-stretch:87.5%;font-size:var(--fs-note);padding:0!important;border:0!important;border-radius:0!important;text-decoration:underline}
.contenu .wp-block-file__button::after{content:" ↓"}
.contenu .wp-block-file__embed{display:none}
.contenu a[href$=".pdf"]:not(.wp-block-file__button)::after{content:" (pdf)";font-family:var(--f-mono);font-size:.75em;color:var(--discret)}

/* intégrations : vidéos, cartes WordPress (oEmbed), iframes */
.contenu iframe{max-width:100%;border:0}
.contenu .wp-block-embed{margin:2em 0}
.contenu .wp-block-embed__wrapper{position:relative}
.contenu .wp-block-embed.is-type-video .wp-block-embed__wrapper,.contenu .wp-has-aspect-ratio .wp-block-embed__wrapper{aspect-ratio:16/9}
.contenu .wp-block-embed.is-type-video iframe,.contenu .wp-has-aspect-ratio iframe{position:absolute;inset:0;width:100%;height:100%}
.contenu .wp-embedded-content{width:100%!important;max-width:720px;min-height:200px;background:transparent}
.contenu blockquote.wp-embedded-content{display:none}
.contenu .wp-video{width:100%!important}

/* lecteurs audio du cœur (si l'extension crmtl-web-player est désactivée) : papier ombré, encre */
.contenu .wp-audio-shortcode,.contenu .mejs-container{margin:.6em 0 1.4em}
.contenu .mejs-container,.contenu .mejs-container .mejs-controls,.contenu .mejs-embed,.contenu .mejs-embed body{background:var(--suie)!important}
.contenu .mejs-time-rail .mejs-time-total{background:#3B3733}
.contenu .mejs-time-rail .mejs-time-loaded{background:#6b645d}
.contenu .mejs-time-rail .mejs-time-current,.contenu .mejs-horizontal-volume-current{background:#E8545C!important}
.contenu .mejs-time-rail .mejs-time-total,.contenu .mejs-time-rail .mejs-time-current,.contenu .mejs-time-rail .mejs-time-loaded{border-radius:0;height:2px;margin-top:9px}
.contenu .mejs-time{font-family:var(--f-mono);font-stretch:75%;font-size:10px;white-space:nowrap;padding-inline:4px;height:auto}
.contenu .mejs-controls{padding:0 6px}
.contenu .wp-playlist{background:var(--kaolin-2);color:var(--suie);border:0;border-top:var(--trait-fort) solid var(--suie);padding:1rem 0 .4rem;margin:1.4em 0 2em;font-family:var(--f-texte)}
.contenu .wp-playlist-light{background:var(--kaolin-2);color:var(--suie)}
.contenu .wp-playlist .mejs-container{margin:0}
.contenu .wp-playlist-current-item{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:1rem;height:auto;min-height:48px;margin:0 1rem .8rem;overflow:hidden}
.contenu .wp-playlist-current-item img{grid-row:span 3;width:48px;height:48px;object-fit:cover;margin:0;max-width:none;float:none}
.contenu .wp-playlist-current-item > div{min-width:0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.contenu .wp-playlist-item-title{font-family:var(--f-titre);font-weight:420;font-size:1.15rem;line-height:1.2}
.contenu .wp-playlist-item-album,.contenu .wp-playlist-item-artist{font-family:var(--f-mono);font-stretch:87.5%;font-size:var(--fs-note);color:var(--suie-2);text-transform:none}
.contenu .wp-playlist-tracks{margin:.8rem 1rem 0;counter-reset:pl}
.contenu .wp-playlist-item{counter-increment:pl;display:grid;grid-template-columns:2.4rem 1fr auto;padding:.5rem 0;border-top:var(--trait) solid color-mix(in srgb,var(--suie) 18%,transparent);font-size:var(--fs-petit);cursor:pointer}
.contenu .wp-playlist-item::before{content:counter(pl,decimal-leading-zero);font-family:var(--f-mono);font-stretch:75%;color:var(--suie-2)}
.contenu .wp-playlist-item a{color:var(--suie);text-decoration:none;border:0;padding:0;display:contents}
.contenu .wp-playlist-item-length{font-family:var(--f-mono);font-stretch:75%;font-size:var(--fs-note);color:var(--suie-2);position:static}
.contenu .wp-playlist-playing{background:none;font-weight:600}
.contenu .wp-playlist-playing::before,.contenu .wp-playlist-playing a{color:var(--rouge)}
.contenu .wp-playlist-caption{display:contents}

/* colonnes et médias-texte hérités */
.contenu .wp-block-columns{gap:var(--gouttiere);margin:2em 0}
.contenu .wp-block-column > *{max-width:66ch}
.contenu .wp-block-media-text{gap:var(--gouttiere)}

/* le "Lire la suite" et les ancres */
.contenu .more-link{font-family:var(--f-mono);font-size:var(--fs-note)}
.contenu :target{scroll-margin-top:calc(var(--barre-h) + 24px)}