/* Papier Pivoine · le blog. S'ajoute à /assets/pp-2026/site.css (voir .github/blog.py). */

/* Liste des articles */
.bhero{padding:64px 0 24px}
.bhero .lead{margin-bottom:0}
.bchips{justify-content:center;margin-top:30px}
.bchips a[aria-current=page]{background:var(--ink);border-color:var(--ink);color:var(--card)}
.blist{padding-top:32px}
.bcards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.bcards>*{min-width:0}
.bune{margin-bottom:28px}
.bcard{box-shadow:0 0 0 1px var(--border-faint,#EDE1D6);display:flex;flex-direction:column;height:100%;background:#fff;border-radius:var(--r);overflow:hidden;text-decoration:none;color:var(--ink);transition:transform .2s ease,box-shadow .2s ease}
.bcard:hover{color:var(--ink);transform:translateY(-3px);box-shadow:0 0 0 1px var(--border-faint,#EDE1D6),0 30px 70px -45px rgba(51,50,30,.55)}
.bcard:focus-visible{outline:3px solid var(--peony);outline-offset:3px}
.bcard .bimg{width:100%;aspect-ratio:3/2;object-fit:cover;background:var(--sand-l)}
.bbody{display:flex;flex-direction:column;flex:1;padding:22px 24px 24px}
.bcard h2,.bcard h3{font-size:22px;font-weight:600;line-height:1.25;margin:0 0 10px}
.bdesc{display:block;font-size:16px;color:var(--ink-soft);margin-bottom:16px}
.bmore{margin-top:auto;font:600 24px/1 var(--font-accent);color:var(--peony-dk)}
.bmeta{display:block;font:500 12px/1.4 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:10px}
.bcard.bfeat{display:grid;grid-template-columns:1.15fr 1fr}
.bcard.bfeat .bimg{height:100%;aspect-ratio:4/3}
.bcard.bfeat .bbody{padding:40px 44px;justify-content:center}
.bcard.bfeat h2{font-size:clamp(26px,3vw,36px);font-weight:800}
.bcard.bfeat .bdesc{font-size:18px}
.bcard.bfeat .bmore{margin-top:8px}
.bpages{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:44px}
.bpages a[rel=next]{margin-left:auto}
@media (max-width:900px){
 .bcards{grid-template-columns:1fr 1fr;gap:22px}
 .bcard.bfeat{grid-template-columns:1fr}
 .bcard.bfeat .bimg{aspect-ratio:3/2;min-height:0}
 .bcard.bfeat .bbody{padding:24px}
}
@media (max-width:600px){.bcards{grid-template-columns:1fr}.bhero{padding:44px 0 12px}}

/* Article */
.bapercu{margin:0;padding:12px 20px;text-align:center;background:var(--sand);font-weight:700;font-size:15px}
.bhead{padding-top:56px;padding-bottom:28px}
.bhead h1{font-size:clamp(34px,5vw,54px)}
.bhead .bmeta{margin:6px 0 0}
.bhead .bmeta a{color:inherit}
.bcrumb{font-size:15px;color:var(--ink-faint);margin-bottom:18px}
.bcrumb a{color:var(--ink-soft)}
.bcover-wrap{max-width:960px;margin:0 auto 48px;padding:0 20px}
.bcover{width:auto;max-height:620px;margin:0 auto;border-radius:var(--r)}
.bpost{font-size:19px;line-height:1.7;padding-bottom:40px}
.bpost h2{font-size:clamp(26px,3.4vw,34px);margin:1.7em 0 .55em}
.bpost h3{font-size:23px;margin:1.5em 0 .5em}
.bpost a{text-decoration-thickness:1px}
.bpost ul,.bpost ol{padding-left:1.3em;margin:0 0 1.1em}
.bpost li{margin-bottom:.4em}
.bpost ul{list-style:none;padding-left:0}
.bpost ul li{position:relative;padding-left:26px}
.bpost ul li::before{content:'';position:absolute;left:4px;top:.68em;width:9px;height:9px;border-radius:50%;background:var(--dusty)}
.bpost blockquote{margin:1.6em 0;padding:4px 0 4px 24px;border-left:3px solid var(--dusty);font:italic 400 22px/1.5 var(--font-display);color:var(--ink)}
.bpost blockquote p:last-child{margin-bottom:0}
.bpost hr{border:0;height:28px;margin:2em 0;background:url(/assets/pp-2026/img/pivoine-7-petales.svg) center/28px no-repeat}
.bpost .bfig{margin:2em 0}
.bpost .bfig img{width:100%;border-radius:16px}
.bpost figcaption{font:600 23px/1.3 var(--font-accent);color:var(--ink-soft);text-align:center;margin-top:10px}
.bpost table{width:100%;border-collapse:collapse;font-size:16px;margin:1.5em 0}
.bpost th,.bpost td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border-faint)}
.bthemes{display:flex;flex-wrap:wrap;gap:10px;margin:2.4em 0 0}
.bthemes a{font-size:14px;font-weight:700;text-decoration:none;color:var(--ink-soft);background:var(--card);border:1.5px solid var(--line);padding:6px 14px;border-radius:999px}
.bthemes a:hover{background:var(--pink)}
.bauthor{display:flex;gap:22px;align-items:center;margin-top:44px;padding:24px;background:#fff;border-radius:var(--r);font-size:16px}
.bauthor img{flex:none;width:96px;height:96px;object-fit:contain}
.bauthor p{margin:0}
.bauthor .bwho{font:600 26px/1.2 var(--font-accent);color:var(--peony-dk);margin-bottom:4px}
@media (max-width:600px){.bpost{font-size:18px}.bauthor{flex-direction:column;text-align:center}}