/* ==========================================================================
   Pages de contenu (services, guides) — gabarit léger, sans animation lourde
   ========================================================================== */
html{--bar-h:0rem}
.pg{max-width:1100px;margin-inline:auto;padding:calc(7.5rem) var(--gutter) 2rem}
.crumb{display:flex;flex-wrap:wrap;gap:.5rem;font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.crumb a:hover{color:var(--sig-d)}
.crumb span[aria-hidden]{opacity:.5}
.pg h1{font-size:clamp(2.5rem,6vw,5.2rem);font-weight:680;letter-spacing:-.045em;line-height:.98;margin:1.2rem 0 1.4rem;max-width:17ch;text-wrap:balance}
.pg h1 em{color:var(--sig);font-weight:400;letter-spacing:-.03em}
.pg .lede{max-width:56ch;color:var(--mute);font-size:clamp(1.1rem,1.5vw,1.3rem)}
.pg-cta{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}
.pg-body{max-width:74ch;margin-top:clamp(3rem,7vw,5rem)}
.pg-body h2{font-size:clamp(1.7rem,3.2vw,2.6rem);font-weight:640;letter-spacing:-.04em;line-height:1.05;margin:3.2rem 0 1rem}
.pg-body h3{font-size:1.25rem;font-weight:620;letter-spacing:-.02em;margin:1.8rem 0 .4rem}
.pg-body p{margin:.9rem 0;color:#2f2d28;line-height:1.7}
.pg-body strong{color:var(--ink)}
.pg-body ul,.pg-body ol{margin:1rem 0;display:grid;gap:.55rem}
.pg-body ul li{position:relative;padding-left:1.4rem;line-height:1.6;color:#2f2d28}
.pg-body ul li::before{content:"";position:absolute;left:0;top:.75em;width:.6rem;height:2px;background:var(--sig)}
.pg-body ol{counter-reset:s}
.pg-body ol li{position:relative;padding-left:2.6rem;line-height:1.6;color:#2f2d28;counter-increment:s}
.pg-body ol li::before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:.1em;font-family:var(--mono);font-size:.8rem;color:var(--sig-d);font-weight:600}
.pg-body a:not(.btn){text-decoration:underline;text-decoration-color:var(--sig);text-underline-offset:3px;text-decoration-thickness:2px}
.pg-body a:not(.btn):hover{color:var(--sig-d)}
.pg-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.6rem 0;max-width:none}
.pg-card{border:1px solid var(--line);border-radius:1.2rem;padding:1.3rem 1.4rem;background:var(--paper)}
.pg-card b{display:block;font-size:1.3rem;letter-spacing:-.03em}
.pg-card .p{display:block;font-size:2rem;font-weight:660;letter-spacing:-.05em;margin:.3rem 0 .5rem}
.pg-card .p small{font-size:.8rem;font-family:var(--mono);letter-spacing:0;font-weight:500;color:var(--mute)}
.pg-card p{margin:0;font-size:.95rem;color:var(--mute);line-height:1.5}
.pg-card.star{background:var(--sig);border-color:var(--sig)}
.pg-card.star p,.pg-card.star .p small{color:rgba(13,13,11,.75)}
.pg-table{width:100%;border-collapse:collapse;margin:1.4rem 0;font-size:.98rem}
.pg-table th,.pg-table td{text-align:left;padding:.8rem .6rem;border-bottom:1px solid var(--line);vertical-align:top}
.pg-table th{font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);font-weight:500}
.pg-note{border-left:3px solid var(--sig);background:var(--paper);padding:1rem 1.2rem;border-radius:0 .8rem .8rem 0;margin:1.4rem 0;color:#2f2d28}
.pg-faq{margin-top:1rem}
.pg-faq details{border-bottom:1px solid var(--line);padding:1.1rem 0}
.pg-faq summary{display:flex;justify-content:space-between;gap:1rem;font-weight:600;font-size:1.12rem;letter-spacing:-.02em;cursor:pointer;list-style:none}
.pg-faq summary::-webkit-details-marker{display:none}
.pg-faq summary::after{content:"+";color:var(--sig-d);font-size:1.5rem;line-height:1;font-weight:400}
.pg-faq details[open] summary::after{content:"–"}
.pg-faq details p{margin:.7rem 0 0;color:var(--mute)}
.pg-final{margin:4rem 0 1rem;padding:clamp(1.6rem,4vw,3rem);border-radius:1.6rem;background:var(--ink);color:var(--bone)}
.pg-final h2{margin:0 0 .8rem;color:var(--bone)}
.pg-final p{color:#cfcabd;max-width:52ch}
.pg-related{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem;margin:1.2rem 0 0}
.pg-related a{display:block;border:1px solid var(--line);border-radius:1rem;padding:1rem 1.2rem;font-weight:600;letter-spacing:-.02em;text-decoration:none!important;background:var(--paper);transition:border-color .3s,transform .4s var(--ease-out)}
.pg-related a:hover{border-color:var(--sig);transform:translateY(-3px)}
.pg-related small{display:block;font-weight:400;color:var(--mute);margin-top:.25rem}
@media (max-width:800px){.pg-cards{grid-template-columns:1fr}.pg-table{font-size:.9rem}}