/* Navigation éditoriale Postfast — 2026-10-06 */
:root{--pf-accent:#c4b5fd;--pf-border:#3f3f46}
html{scroll-padding-top:100px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #c4b5fd;outline-offset:5px}
.pf-overview{padding:40px 0 56px;border-block:1px solid #27272a;background:#101015}
.pf-eyebrow{color:#c4b5fd;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px}
.pf-overview h2,.pf-blog-preview h2{font-size:clamp(25px,3vw,36px);line-height:1.2;color:#fafafa;letter-spacing:-.7px;margin-bottom:14px}
.pf-intro{color:#a1a1aa;max-width:680px;margin-bottom:26px}
.pf-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:0}
.pf-summary a{display:flex;align-items:flex-start;gap:12px;height:100%;padding:18px;border:1px solid #3f3f46;border-radius:14px;background:#18181b;text-decoration:none;color:#fafafa;transition:border-color .2s}
.pf-summary a:hover,.pf-article:hover{border-color:#a78bfa}
.pf-number{font-size:12px;color:#a78bfa;padding-top:3px}
.pf-summary strong{display:block;font-size:14px;line-height:1.45}.pf-summary small{display:block;color:#a1a1aa;font-size:12px;line-height:1.6;margin-top:5px}
.pf-summary-note{margin-top:20px;color:#a1a1aa;font-size:13px}.pf-summary-note a,.pf-text-link{color:#c4b5fd;text-decoration:underline;text-underline-offset:4px}
.pf-blog-preview{padding:64px 0}.pf-articles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pf-article{display:flex;flex-direction:column;padding:26px;border:1px solid #3f3f46;border-radius:18px;background:#15151b;text-decoration:none;color:#fafafa;min-width:0}
.pf-article h2,.pf-article h3{font-size:21px;line-height:1.35;letter-spacing:-.4px;margin:12px 0}.pf-article p{font-size:15px;color:#b9b9c3;margin:0 0 24px}.pf-article .pf-read{color:#c4b5fd;font-size:14px;margin-top:auto}.pf-category{color:#c4b5fd;font-size:12px;font-weight:600}
.pf-blog-body{margin:0;background:#09090b;color:#e4e4e7;font:16px/1.7 Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.pf-blog-body *{box-sizing:border-box}.pf-wrap{max-width:1160px;margin:0 auto;padding-inline:24px}.pf-blog-body a{color:inherit}.pf-blog-body .pf-skip{position:absolute;top:-80px;left:16px;background:#7c3aed;color:white;padding:12px;z-index:100}.pf-blog-body .pf-skip:focus{top:8px}
.pf-header{border-bottom:1px solid #27272a}.pf-header-inner{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}.pf-logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;font-size:23px}.pf-logo span{color:#a78bfa}.pf-logo img{width:32px;height:32px}.pf-header nav{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.pf-header nav a{font-size:14px;text-decoration:none;color:#d4d4d8}.pf-header nav a:hover{text-decoration:underline}
.pf-blog-hero{padding:70px 0 38px}.pf-blog-hero h1{font-size:clamp(38px,6vw,64px);line-height:1.1;letter-spacing:-2px;max-width:820px;margin:12px 0 24px}.pf-blog-hero p{max-width:680px;color:#b9b9c3;font-size:18px}.pf-breadcrumb{font-size:13px;color:#a1a1aa}.pf-blog-body .pf-articles{padding-bottom:48px}.pf-blog-cta{padding:32px;border:1px solid #4c1d95;background:#181022;border-radius:20px;margin:0 0 64px}.pf-blog-cta h2{margin-top:0;font-size:26px;line-height:1.3}.pf-blog-cta p{color:#b9b9c3}.pf-blog-body .pf-button{display:inline-block;background:#7c3aed;color:#fff;border-radius:10px;padding:12px 20px;text-decoration:none;font-weight:600}.pf-blog-footer{border-top:1px solid #27272a;padding:28px 0;color:#a1a1aa;font-size:14px}.pf-blog-footer .pf-wrap{display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap}.pf-blog-footer nav{display:flex;gap:20px;flex-wrap:wrap}
@media(max-width:1000px){.pf-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-links{gap:18px}.pf-articles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.pf-articles{grid-template-columns:1fr}.pf-header-inner{padding-block:18px;flex-wrap:wrap;gap:12px}.pf-header nav{gap:16px}.pf-blog-hero{padding-top:36px}.pf-summary a{padding:14px;gap:8px}.pf-blog-cta{padding:24px}.pf-blog-footer .pf-wrap{display:block}.pf-blog-footer nav{margin-top:12px}}
@media(max-width:360px){.pf-summary{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.fade-in{opacity:1!important;transform:none!important}}