/* Charte et structure en rubriques d'un hub qui déclare eco.json "sections" (The Postpartum Library, 2026-10-31).
   Chargé après site.css et la palette du hub, sur ses seules pages : le hub canin ne le reçoit jamais. */
:root{--rasp:#C2255C;--rasp2:#A81F4E;--tint:#FDEEF3;--green:#1E9E3E;--green2:#178A35;--w:1200px}
body.cdl{background:#fff;color:var(--ink);font-family:var(--sans)}
.cdl h1,.cdl h2,.cdl h3{font-family:var(--serif);font-weight:800;letter-spacing:-.012em;text-wrap:balance}
.cdl h1{font-size:clamp(31px,3.6vw,46px)!important;line-height:1.13}
.cdl h1 em,.cdl h2 em{color:var(--rasp);font-style:normal}
.cdl .cdl-btn,.cdl a.cdl-btn,.cdl .btn,.cdl a.btn{background:var(--green);color:#fff;border-radius:9px;font-family:var(--serif);font-weight:800;box-shadow:none}
.cdl .cdl-btn:hover,.cdl a.cdl-btn:hover,.cdl .btn:hover,.cdl a.btn:hover{background:var(--green2)}
.cdl .cdl-eyebrow,.cdl .cdl-by{color:var(--rasp)}
.cdl-chip{background:var(--tint);color:var(--rasp2)}
.cdl .cdl-prose a,.cdl a.cdl-link{color:var(--rasp)}
.cdl-card,.cdl-guide,.cdl-offer{border-radius:10px;box-shadow:none}
.cdl-offer{background:var(--tint);border:0}.cdl-offer img,.cdl-card img{border-radius:6px}
/* en-tête et pied */
.cdl-hd,.cdl-hd.cdl-bhd{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid var(--line)}
.cdl-hd .cdl-burger summary{background:var(--tint);border-radius:9px}
.pl-hd .cdl-nav>a:not(.cdl-btn):hover{background:none;color:var(--rasp)}
.pl-bar{border-top:1px solid var(--line);background:#fff}
.pl-hd .pl-bar .cdl-w{height:auto;gap:6px;overflow-x:auto;scrollbar-width:none;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
.pl-bar .cdl-w::-webkit-scrollbar{display:none}
.pl-bar a{flex:none;font:700 15px/1 var(--serif);text-decoration:none;color:var(--ink);padding:15px 14px;border-bottom:3px solid transparent;white-space:nowrap}
.pl-bar a:first-child{margin-left:-14px}
.pl-bar a:hover{color:var(--rasp)}
.pl-bar a[aria-current]{color:var(--rasp);border-bottom-color:var(--rasp)}
.cdl-ft,.cdl-ft.cdl-ft-min{background:#1F1A1D;color:#CFC8CC}
.cdl-ft a{color:#F4EFF1}.cdl-ft h4,.cdl-ft .cdl-logo small{color:#A79FA4}.cdl-ft .cdl-logo b{color:#fff}
.pl-ft .cdl-ft-top{grid-template-columns:1.7fr 1fr 1fr 1fr}
.pl-disc{margin:18px 0 0;font-size:13px;color:#A79FA4;max-width:900px}
@media(max-width:900px){.pl-ft .cdl-ft-top{grid-template-columns:1fr 1fr}}
/* blocs communs */
.pl-page{padding-top:22px}
.pl-lede{display:grid;gap:12px;padding-block:18px 28px;max-width:760px}.pl-lede h1{margin:0}.pl-lede p{margin:0;font-size:20px;color:var(--muted)}
.pl-lnk,.cdl a.pl-lnk{color:var(--rasp);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.pl-tag{font:700 12px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--rasp);margin:0 0 12px}
.pl-sec{padding-top:44px;padding-bottom:0}.pl-sec>h2,.pl-sec-h h2{font-size:clamp(23px,2.2vw,28px);margin:0}.pl-sec>h2{margin-bottom:20px}
.pl-sec-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px 16px;flex-wrap:wrap;margin-bottom:14px}.pl-sec-h h2 a{text-decoration:none}.pl-sec-h h2 a:hover{color:var(--rasp)}
.pl-rows{list-style:none;margin:0;padding:0}.pl-rows li{border-bottom:1px solid var(--line)}
.pl-rows a{display:flex;justify-content:space-between;gap:18px;padding:14px 0;text-decoration:none;font-weight:700;line-height:1.35}.pl-rows a:hover{color:var(--rasp)}
.pl-k{flex:none;font-weight:400;font-size:14.5px;color:var(--muted)}
.pl-two{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:48px;align-items:start}
.pl-side{position:sticky;top:138px;display:grid;gap:18px;align-self:start}
.pl-plan{display:grid;gap:12px;background:var(--tint);padding:22px;border-radius:10px}.pl-plan img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:50% 40%;border-radius:6px}
.pl-plan h3{color:var(--rasp);font-size:19px;margin:0}.pl-plan p{margin:0;font-size:16.5px;line-height:1.45}.pl-plan .cdl-btn,.pl-box .cdl-btn{width:100%}
.pl-box{border:1px solid var(--line);border-radius:10px;padding:20px;display:grid;gap:10px}.pl-box h3{font-size:19px;margin:0}.pl-box p{margin:0;font-size:16.5px;line-height:1.45}
.pl-toc{border-left:4px solid var(--rasp);padding-left:14px;display:grid;gap:7px;font-size:15.5px;line-height:1.35}.pl-toc b{font:700 12px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.pl-toc a{text-decoration:none}.pl-toc a:hover{color:var(--rasp)}
/* accueil */
.pl-hero{display:grid;grid-template-columns:1.02fr 1fr;gap:48px;align-items:center;padding-top:44px;padding-bottom:8px}.pl-hero>div{display:grid;gap:18px;justify-items:start;min-width:0}.pl-hero h1{margin:0}.pl-sub{margin:0;font-size:20px;color:var(--muted);max-width:32em}
.pl-hero>img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:50% 18%;border-radius:10px}
.pl-cta{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.pl-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.pl-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.pl-card-ph{display:block}.pl-card-ph img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:50% 30%}
.pl-card-b{padding:18px 20px 12px;display:grid;gap:4px}.pl-card h3{font-size:21px;color:var(--rasp);margin:0}.pl-card h3 a{text-decoration:none;color:inherit}.pl-card-b p{margin:0;font-size:15.5px;line-height:1.4;color:var(--muted)}
.pl-card ul{list-style:none;margin:0;padding:0 20px 8px}.pl-card li{border-top:1px solid var(--line);font-size:15.5px;line-height:1.35}.pl-card li a{display:block;padding:10px 0;text-decoration:none}.pl-card li a:hover{color:var(--rasp)}
.pl-card .pl-all{padding:6px 20px 18px;margin-top:auto;font-size:15.5px}
.pl-band{background:var(--tint);margin-top:52px}.pl-band .cdl-w{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding-top:36px;padding-bottom:36px}.pl-band h2{margin:0 0 6px;font-size:clamp(23px,2.2vw,28px)}.pl-band p{margin:0}
/* rubrique */
.pl-feat{display:grid;grid-template-columns:1.1fr 1fr;gap:26px;align-items:center;background:var(--tint);border-radius:10px;overflow:hidden;text-decoration:none;padding-right:26px}.pl-feat img{display:block;width:100%;height:100%;min-height:230px;object-fit:cover}.pl-feat>div{display:grid;gap:8px;padding-block:20px}.pl-feat h2{font-size:23px;line-height:1.25;color:var(--rasp);margin:0}.pl-feat p{margin:0;font-size:16.5px;line-height:1.45}
.pl-grp{margin-top:34px}.pl-grp h2{font-size:21px;margin:0 0 6px}
.pl-strip{display:flex;flex-wrap:wrap;gap:10px}.pl-strip a{border:1px solid var(--line);border-radius:9px;padding:10px 14px;text-decoration:none;font-weight:700;font-size:15.5px}.pl-strip a:hover{border-color:var(--rasp);color:var(--rasp)}
/* article */
.pl-ahd.cdl-ahd{background:#fff;padding:26px 0 22px}.pl-ahd .cdl-w{display:grid;gap:14px}.pl-ahd h1{margin:0;max-width:860px}.pl-ahd .cdl-lede{margin:0;font-size:20px;color:var(--muted);max-width:760px}
.pl-meta{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:14.5px;color:var(--muted)}
.pl-alay.cdl-alay{grid-template-columns:minmax(0,1fr) 340px;gap:48px;padding-top:0}.pl-alay .cdl-prose{max-width:720px}
.pl-alay .cdl-aph{margin:0 0 26px}.pl-alay .cdl-aph img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:50% 28%;border-radius:10px;box-shadow:none}
.cdl-prose .cdl-glance{background:var(--tint);border:0;border-radius:10px;box-shadow:none}.cdl-prose .cdl-glance .cdl-eyebrow{color:var(--rasp)}.cdl-prose .cdl-glance h3{color:var(--rasp)}.cdl-prose .cdl-glance li span{background:var(--rasp)}
.cdl-prose .cdl-mag{background:var(--tint);border-radius:10px;box-shadow:none}
.cdl-rel{border-color:var(--rasp)}
.cdl-series .cdl-sbar i{background:var(--rasp)}.cdl-snext{border-radius:9px}
.pl-more{padding-top:12px;padding-bottom:12px}
@media(max-width:1020px){.pl-alay.cdl-alay{grid-template-columns:minmax(0,1fr);gap:28px}.pl-alay .pl-toc{display:none}}
@media(max-width:900px){
 .pl-two,.pl-hero{grid-template-columns:minmax(0,1fr);gap:26px}.pl-hero{padding-top:26px}.pl-sub,.pl-lede p,.pl-ahd .cdl-lede{font-size:18px}.pl-side{position:static}
 .pl-cards{grid-template-columns:minmax(0,1fr)}.pl-band .cdl-w{grid-template-columns:minmax(0,1fr)}.pl-band .cdl-btn,.pl-hero .cdl-btn{width:100%}.pl-cta{width:100%}
 .pl-feat{grid-template-columns:minmax(0,1fr);padding:0}.pl-feat>div{padding:0 20px 20px}.pl-feat img{min-height:0;height:auto;aspect-ratio:16/9}
 .pl-sec{padding-top:34px}
}
/* titres des pages de la marque : l'accent reste framboise, jamais la couleur des boutons */
.cdl.cdl-brand h1 em,.cdl.cdl-brand h1 span,.cdl.cdl-brand h2 em{color:var(--rasp)!important;font-style:normal}
.cdl.cdl-brand main,.cdl-brand .qz{padding-top:8px}
.cdl-brand .hero,.cdl-brand section:first-of-type{scroll-margin-top:80px}
.cdl-smag b{color:var(--rasp)}
@media(max-width:900px){.pl-hd{position:static}.pl-hd .cdl-drawer{top:64px}}
.cdl-brand .qz{padding-top:34px}
@media(max-width:420px){.cdl-bhd .cdl-logo b{font-size:15px;white-space:normal;line-height:1.15!important;display:block}.cdl-bhd .cdl-logo svg{width:30px;height:30px}.cdl-bhd .cdl-w{gap:10px}.cdl-bhd .cdl-bcta{flex:none;font-size:13px;padding:10px 12px}}