/* Article « L’écriture thérapeutique, c’est quoi ? » (paquet du 2026-10-23) : styles limités à .pp-article. */
.pp-article{--pp-ink:#33321E;--pp-ink2:#46452F;--pp-pk:#E26D5F;--pp-sand:#EAD9AC;--pp-sage:#B2BD88;--pp-rose:#FBEDEA;--pp-beige:#F7F0DE;--pp-card:#FFFFFF;--pp-line:#E9DED3;
 --pp-serif:Fraunces,Georgia,"Times New Roman",serif;--pp-sans:"Nunito Sans",-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--pp-hand:Caveat,"Bradley Hand","Segoe Script",cursive;
 max-width:720px;margin:0 auto;color:var(--pp-ink);font-family:var(--pp-sans);font-size:18px;line-height:1.7;font-weight:500;overflow-wrap:break-word}
.pp-article *{box-sizing:border-box}
.pp-article img{max-width:100%;height:auto;display:block}
.pp-article p{margin:0 0 20px}
.pp-article a{color:var(--pp-ink);text-decoration-color:var(--pp-pk);text-decoration-thickness:2px;text-underline-offset:3px}
.pp-article strong{font-weight:800}
.pp-article h2{font-family:var(--pp-serif);font-weight:800;font-variation-settings:"opsz" 72;font-size:clamp(26px,5.4vw,34px);line-height:1.2;letter-spacing:-.01em;margin:56px 0 16px;display:flex;gap:10px;align-items:flex-start;scroll-margin-top:24px}
.pp-article h2 .pp-pv{flex:none;margin-top:.3em}
.pp-eyebrow{font-family:var(--pp-sans);font-size:12px !important;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--pp-ink2);margin:0 0 6px !important;line-height:1.4}
.pp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.pp-ic{flex:none}
.pp-cover{margin:0 0 28px}.pp-cover img{width:100%;border-radius:20px}
.pp-answer{background:var(--pp-card);border-radius:22px;padding:22px 24px 20px;margin:0 0 26px}
.pp-answer p:last-child{margin:0;font-size:19px;font-weight:600;line-height:1.65}
.pp-answer .pp-eyebrow{display:flex;align-items:center;gap:8px}
.pp-toc{border-left:3px solid var(--pp-sage);padding:2px 0 2px 20px;margin:30px 0 0}
.pp-toc ol{margin:0;padding-left:20px}.pp-toc li{margin:4px 0;font-size:16px;line-height:1.5}.pp-toc a{text-decoration:none}.pp-toc a:hover{text-decoration:underline}
.pp-lead{font-family:var(--pp-serif);font-weight:600;font-size:21px;line-height:1.5;font-variation-settings:"opsz" 30}
.pp-quote{margin:28px 0;background:var(--pp-beige);border-radius:24px;padding:32px 24px 24px;position:relative;text-align:center}
.pp-quote-ic{position:absolute;left:22px;top:-22px;transform:rotate(-8deg)}
.pp-quote blockquote{margin:0}.pp-quote blockquote p{margin:0;font-family:var(--pp-serif);font-weight:800;font-style:italic;font-size:clamp(26px,6vw,38px);line-height:1.15;font-variation-settings:"opsz" 72}
.pp-quote figcaption{margin-top:12px;font-size:15px;color:var(--pp-ink2);font-weight:600}
.pp-help{display:flex;gap:14px;align-items:flex-start;background:var(--pp-rose);border-radius:18px;padding:16px 20px;margin:0 0 22px}
.pp-help p{margin:0;font-weight:700}
.pp-fig{margin:24px auto 26px}.pp-fig-s{max-width:420px}
.pp-q{position:relative;margin:4px 0 26px;background:var(--pp-beige);border-radius:22px;padding:24px 24px 22px}
.pp-q-ic{position:absolute;right:18px;top:-24px;transform:rotate(6deg)}
.pp-q-t{margin:6px 0 0 !important;font-family:var(--pp-serif);font-weight:700;font-style:italic;font-size:22px;line-height:1.35}
.pp-cmp-wrap{margin:24px 0 28px;background:var(--pp-card);border-radius:22px;padding:18px 18px 8px}
.pp-cmp{width:100%;border-collapse:collapse;table-layout:fixed;font-size:16px;line-height:1.5}
.pp-cmp thead th{text-align:left;font-family:var(--pp-serif);font-weight:800;font-size:19px;line-height:1.2;padding:10px 12px;vertical-align:bottom}
.pp-cmp thead td{width:28%}
.pp-cmp .pp-cmp-me{background:var(--pp-rose);border-radius:14px 14px 0 0}
.pp-cmp .pp-eyebrow{display:block}
.pp-cmp tbody th{text-align:left;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--pp-ink2);padding:14px 10px 14px 0;vertical-align:top;border-top:1.5px dashed var(--pp-line)}
.pp-cmp tbody td{padding:14px 12px;vertical-align:top;border-top:1.5px dashed var(--pp-line)}
.pp-cmp tbody td:last-child{font-weight:700;background:var(--pp-rose)}
.pp-cmp tbody tr:last-child td:last-child{border-radius:0 0 14px 14px}
@media (max-width:560px){.pp-cmp thead td{width:0;padding:0}.pp-cmp,.pp-cmp thead,.pp-cmp tbody,.pp-cmp tr{display:block}.pp-cmp thead tr{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pp-cmp thead td{display:none}
 .pp-cmp tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:0 8px;border-top:1.5px dashed var(--pp-line);padding:12px 0}.pp-cmp tbody th{grid-column:1/-1;border:0;padding:0 0 6px}.pp-cmp tbody td{border:0;padding:8px 10px;border-radius:12px}.pp-cmp thead th{font-size:17px;padding:10px;border-radius:14px}}
.pp-ex{background:var(--pp-card);border-radius:24px;padding:24px 24px 6px;margin:8px 0 28px;outline:2px dashed var(--pp-sage);outline-offset:-9px}
.pp-ex-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.pp-ex-badge{font-family:var(--pp-hand);font-size:22px;line-height:1.3;background:var(--pp-sand);border-radius:999px;padding:0 14px 2px;transform:rotate(3deg);white-space:nowrap}
.pp-ex-badge b{font-size:28px}
.pp-ex-t{font-family:var(--pp-serif);font-weight:800;font-size:25px;line-height:1.2;margin:8px 0 10px !important}
.pp-steps{list-style:none;padding:0;margin:0 0 16px}
.pp-steps li{display:flex;gap:12px;align-items:center;padding:10px 0;border-top:1.5px dashed var(--pp-line);font-weight:700;line-height:1.5}
.pp-offer{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center;background:var(--pp-rose);border-radius:26px;padding:24px;margin:34px 0 10px}
.pp-offer-t{font-family:var(--pp-serif);font-weight:800;font-size:23px;line-height:1.2;margin:6px 0 8px !important}
.pp-offer p{font-size:17px}
.pp-btn{display:inline-block;font-family:var(--pp-hand);font-weight:700;font-size:28px;line-height:1;color:var(--pp-pk) !important;border:2.5px solid var(--pp-pk);border-radius:999px;padding:10px 24px 12px;text-decoration:none !important;transform:rotate(-2deg);white-space:nowrap}
.pp-btn:hover{background:#FDEDEA}
@media (max-width:640px){.pp-offer{grid-template-columns:1fr;padding:20px}.pp-btn{font-size:24px;padding:9px 20px 11px}}
.pp-src{margin:48px 0 0;background:var(--pp-beige);border-radius:20px;padding:4px 22px 16px}
.pp-src h2{font-size:22px !important;margin:16px 0 8px !important;align-items:center !important}
.pp-src ul{margin:0;padding-left:20px;font-size:16px}
@media (max-width:520px){.pp-article{font-size:17px}.pp-answer{padding:18px}.pp-answer p:last-child{font-size:18px}.pp-ex{padding:20px 18px 4px}.pp-q-t{font-size:20px}}