/* Guide APEX : styles locaux, chargés uniquement par son gabarit. */
.pt-apex{--apex-accent:#64dfc4;--apex-muted:#b6bacb;padding:34px 0 80px;color:#e8eaf1}
.pt-apex .container{max-width:1140px}
.pt-apex a{color:var(--apex-accent);text-decoration:underline;text-underline-offset:4px}
.pt-apex a:hover{color:#b5ffed}
.pt-apex :is(a,input,summary,[tabindex]):focus-visible{outline:3px solid var(--apex-accent);outline-offset:5px}
.pt-apex-breadcrumb{display:flex;gap:12px;flex-wrap:wrap;color:var(--apex-muted);font-size:13px;margin-bottom:42px}
.pt-apex-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:42px;align-items:center;margin-bottom:36px}
.pt-apex h1{font-size:clamp(32px,4.4vw,54px);line-height:1.12;letter-spacing:-1.8px;color:#fff;margin:0 0 22px}
.pt-apex h1 span{color:var(--apex-accent)}
.pt-apex .section-label{color:var(--apex-accent)}
.pt-apex .section-label:before{background:var(--apex-accent)}
.pt-apex-lead{font-size:18px;line-height:1.7;color:#d3d6e2;max-width:660px}
.pt-apex-byline{font-size:12px;color:var(--apex-muted);margin:20px 0 25px}
.pt-apex .pt-apex-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:13px 20px;background:var(--apex-accent);color:#08251e;border-radius:8px;font-weight:750;font-size:14px;text-decoration:none;text-align:center}
.pt-apex .pt-apex-button:hover{background:#a0f6e1;color:#08251e}
.pt-apex-card{border:1px solid #303343;border-radius:14px;background:#11131e;padding:26px}
.pt-apex-eyebrow{display:block;color:var(--apex-accent);text-transform:uppercase;letter-spacing:1.8px;font-size:11px;font-weight:750;margin-bottom:14px}
.pt-apex-intro ol{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:24px}
.pt-apex-intro li{display:flex;gap:16px;align-items:baseline}
.pt-apex-intro li>span{font-size:13px;color:var(--apex-accent);font-variant-numeric:tabular-nums}
.pt-apex-intro strong{color:#fff;font-size:16px}
.pt-apex-intro p{font-size:14px;color:var(--apex-muted);margin-top:3px}
.pt-apex-disclosure{font-size:13px;padding:20px 24px;border-left:3px solid var(--apex-accent);background:#101b21;color:#cbd8de;border-radius:0 8px 8px 0}
.pt-apex-toc{display:flex;gap:12px 24px;flex-wrap:wrap;padding:24px 0;font-size:13px;border-bottom:1px solid #303343}
.pt-apex-section{padding:46px 0;border-bottom:1px solid #303343;scroll-margin-top:90px}
.pt-apex h2{color:#fff;font-size:clamp(25px,3vw,34px);letter-spacing:-.6px;line-height:1.23;margin-bottom:20px;max-width:860px}
.pt-apex h3{color:#fff;font-size:18px;line-height:1.4;margin-bottom:10px}
.pt-apex-section>p,.pt-apex-section>ul,.pt-apex-section>ol{max-width:900px}
.pt-apex-section p+p{margin-top:16px}
.pt-apex-section strong{color:#fff}
.pt-apex-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:25px 0}
.pt-apex-steps p{font-size:14px;color:var(--apex-muted)}
.pt-apex .pt-apex-note,.pt-apex-source{font-size:13px;color:var(--apex-muted);margin-top:18px}
.pt-apex-table-wrap{overflow-x:auto;border:1px solid #303343;border-radius:12px;margin-top:24px}
.pt-apex-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}
.pt-apex-table caption{text-align:left;background:#171a27;padding:17px 20px;color:#e3e6f2;font-size:13px}
.pt-apex-table th,.pt-apex-table td{padding:17px 20px;border-top:1px solid #303343;vertical-align:top;width:34%}
.pt-apex-table th:first-child{width:32%}
.pt-apex-table thead{background:#122723;color:var(--apex-accent)}
.pt-apex-table tbody th{font-weight:600;color:#fff}
.pt-apex-table tbody tr:nth-child(even){background:#11131e}
.pt-apex-example{padding:25px 28px;background:#11211f;border:1px solid #285248;border-radius:12px;margin:26px 0}
.pt-apex-example p{max-width:900px;font-size:15px}
.pt-apex-list{padding-left:22px;margin:20px 0}
.pt-apex-list li{padding:6px 0 6px 4px}
.pt-apex-checklist{list-style:none;padding:0;margin:24px 0}
.pt-apex-checklist li{position:relative;padding:12px 0 12px 32px;border-bottom:1px solid #252836}
.pt-apex-checklist li:before{content:'✓';position:absolute;left:1px;color:var(--apex-accent);font-weight:800}
.pt-apex-tools{grid-template-columns:repeat(3,minmax(0,1fr))}
.pt-apex-tools a{display:inline-block;margin-top:20px;font-size:14px;font-weight:650}
.pt-apex-offer{display:grid;grid-template-columns:1.5fr 1fr;gap:35px;align-items:center;background:linear-gradient(135deg,#12352c,#151928);border:1px solid #337561;border-radius:16px;padding:34px;margin-top:46px}
.pt-apex-offer p{font-size:15px}
.pt-apex-code-box{text-align:center;padding:24px;background:#0d171a;border:1px solid #326252;border-radius:12px}
.pt-apex-code-box label{display:block;font-size:13px;color:var(--apex-muted)}
.pt-apex-code-box input{display:block;width:100%;max-width:100%;background:transparent;border:1px dashed #519886;border-radius:6px;font:750 26px/1.5 ui-monospace,monospace;color:#fff;text-align:center;letter-spacing:2px;margin:15px 0 9px;padding:8px 4px}
.pt-apex-code-box p{font-size:12px;color:var(--apex-muted);margin-bottom:20px}
.pt-apex-code-box .pt-apex-button{width:100%}
.pt-apex-code-box .pt-apex-note{display:block;font-size:11px;margin-top:12px}
.pt-apex-faq details{border-bottom:1px solid #303343;padding:18px 0}
.pt-apex-faq summary{cursor:pointer;font-weight:650;color:#fff;padding-right:10px}
.pt-apex-faq details p{color:var(--apex-muted);margin-top:14px;max-width:900px}
.pt-apex-sources{border-bottom:0;padding-bottom:0}
.pt-apex-sources ul{columns:2;column-gap:36px;padding-left:18px;margin:20px 0;font-size:13px}
.pt-apex-sources li{break-inside:avoid;padding:5px 0}
.pt-apex-sources p{font-size:13px;color:var(--apex-muted)}
@media(max-width:800px){.pt-apex-hero,.pt-apex-offer{grid-template-columns:1fr;gap:26px}.pt-apex-steps{grid-template-columns:1fr}.pt-apex-intro ol{gap:17px}.pt-apex-hero{margin-bottom:25px}.pt-apex-offer{padding:24px}.pt-apex-sources ul{columns:1}}
/* Cette feuille est chargée uniquement sur le guide. Le CTA formation du menu
   déborde à 390 px ; les liens outils et Instagram restent accessibles. */
@media(max-width:600px){.pt-nav .pt-nav-cta{display:none}}
@media(max-width:480px){.pt-apex{padding-top:24px}.pt-apex h1{letter-spacing:-1px}.pt-apex-lead{font-size:16px}.pt-apex-breadcrumb{margin-bottom:28px}.pt-apex-section{padding:34px 0}.pt-apex-table th,.pt-apex-table td{padding:12px 10px;font-size:12px;overflow-wrap:anywhere}.pt-apex-table caption{padding:13px 10px}.pt-apex-card,.pt-apex-example{padding:21px}.pt-apex-offer{padding:23px 18px}.pt-apex-code-box{padding:18px}.pt-apex-toc{gap:14px 20px}.pt-apex-disclosure{padding:17px}}
