.pdk { padding: 8rem 0 4rem; }


.entete { background: var(--encre); }
.pdk__colonne { max-width: 44rem; }

.pdk__sur {
  font-family: var(--sans); font-size: .74rem; letter-spacing: .16em;
  text-transform: uppercase; color: var(--or); margin: 0 0 .8rem;
}
.pdk h1 { font-size: clamp(2.1rem, 5vw, 3.2rem); margin-bottom: 1rem; }
.pdk__chapeau { font-size: 1.18rem; margin-bottom: 1rem; }
.pdk__signature {
  font-size: .9rem; color: var(--ivoire-faible);
  padding-bottom: 2rem; border-bottom: 1px solid var(--ligne); margin-bottom: 2.5rem;
}

.pdk__colonne h2 { font-size: clamp(1.6rem, 3.4vw, 2.1rem); margin: 3rem 0 1rem; }
.pdk__colonne h3 { font-size: 1.2rem; margin: 2rem 0 .6rem; color: var(--or-clair); }
.pdk__colonne p { margin-bottom: 1rem; }
.pdk__colonne ul, .pdk__colonne ol { margin: 0 0 1.4rem; padding-left: 1.3rem; }
.pdk__colonne li { margin-bottom: .5rem; color: var(--ivoire-doux); }



.pdk__formule {
  font-family: var(--serif); font-size: clamp(1.2rem, 3.2vw, 1.6rem);
  text-align: center; color: var(--ivoire);
  background: var(--encre-2); border: 1px solid var(--ligne-forte);
  border-radius: .6rem; padding: 1.6rem 1.2rem; margin: 1.8rem 0;
  overflow-x: auto;
}
.pdk__formule b { color: var(--or-clair); font-weight: 400; }

.pdk__cadre-table { overflow-x: auto; margin: 1.4rem 0 1.8rem; }
.pdk__table { width: 100%; border-collapse: collapse; font-size: .96rem; }
.pdk__table th, .pdk__table td {
  padding: .7rem .9rem; text-align: left;
  border-bottom: 1px solid var(--ligne);
}
.pdk__table th {
  color: var(--or-clair); font-weight: 600; background: var(--encre-2);
  font-size: .85rem; letter-spacing: .04em; white-space: nowrap;
}
.pdk__table td { color: var(--ivoire-doux); font-variant-numeric: tabular-nums; }
.pdk__table td:first-child { color: var(--ivoire); font-weight: 600; }

.pdk__note {
  border-left: 3px solid var(--or); background: rgba(192, 143, 53, .07);
  border-radius: .4rem; padding: 1.2rem 1.35rem; margin: 1.8rem 0;
}
.pdk__note p:last-child { margin-bottom: 0; }

.pdk__fin {
  margin-top: 3rem; padding: 2rem; text-align: center;
  background: var(--encre-2); border: 1px solid var(--ligne-forte); border-radius: .8rem;
}
.pdk__fin h2 { margin: 0 0 .8rem; }


.pdk__raccourci { font-size: .92rem; margin-top: -1.3rem; }
.pdk__capture { margin: 2rem 0 2.5rem; }
.pdk__capture > a { display: block; border: 1px solid var(--ligne-forte); border-radius: .65rem; overflow: hidden; }
.pdk__capture img { display: block; width: 100%; height: auto; background: #f8f5ee; }
.pdk__capture figcaption { padding: .9rem .15rem 0; color: var(--ivoire-doux); font-size: .88rem; line-height: 1.65; }
.pdk__capture figcaption span { display: block; color: var(--ivoire-faible); }
.pdk__faq { margin: 3rem 0; scroll-margin-top: 6rem; }
.pdk__faq details { border-bottom: 1px solid var(--ligne); scroll-margin-top: 6rem; }
.pdk__faq details:first-of-type { border-top: 1px solid var(--ligne); }
.pdk__faq summary { padding: 1.2rem .25rem; color: var(--ivoire); font-weight: 600; cursor: pointer; }
.pdk__faq summary::marker { color: var(--or); }
.pdk__faq details[open] summary { color: var(--or-clair); }
.pdk__faq details > div { padding: 0 .25rem .4rem; }
.pdk__faq summary:focus-visible, .pdk__capture a:focus-visible { outline: 2px solid var(--or-clair); outline-offset: 4px; }


.pdk__liste { list-style: none; padding: 0; margin: 2.5rem 0 0; display: grid; gap: 1.2rem; }
.pdk__article {
  background: var(--encre-2); border: 1px solid var(--ligne);
  border-radius: .6rem; padding: 1.5rem 1.6rem; margin: 0;
}
.pdk__article h2 { font-size: 1.35rem; margin: 0 0 .5rem; }
.pdk__article h2 a { color: var(--ivoire); text-decoration: none; }
.pdk__article h2 a:hover { color: var(--or-clair); }
.pdk__article p { margin-bottom: .6rem; }
.pdk__article__date { font-size: .85rem; color: var(--ivoire-faible); margin: 0; }

.pdk__attente {
  margin-top: 2.5rem; padding: 1.4rem 1.5rem;
  border: 1px dashed var(--ligne); border-radius: .6rem;
  color: var(--ivoire-faible); font-size: .95rem;
}