/* public/css/public-footer-nav.css — bloc de maillage interne du footer
   PUBLIC (views/partials/public_footer_nav.php), extrait de son <style>
   statique (DS, cf. CLAUDE.md § CSS d'écran).
   Partagé par 5 mini-layouts publics autonomes (chacun son propre <head>,
   hors du layout applicatif et de $pageStyles) : legal/_layout.php,
   blog/index.php, blog/article.php, seo/demo.php, seo/pillar.php — chacun
   ajoute son propre <link rel="stylesheet"> vers ce fichier. Styles
   préfixés `pfn-` pour ne rien collisionner avec les tokens propres à
   chaque mini-layout (--gray côté vitrine, --tx-2 côté légal). */
/* Les mini-layouts publics stylent `nav` par sélecteur d'élément (barre fixe :
   position:fixed;height:48px) — sans reset, nos <nav> sortent du flux et le
   bloc s'effondre à 0 de hauteur. On neutralise donc l'héritage. */
.pfn nav{position:static;inset:auto;z-index:auto;height:auto;background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;display:block;margin:0;padding:0;text-align:left}
.pfn{border-top:1px solid rgb(232,232,237);padding:26px 0 4px;text-align:left}
.pfn-in{max-width:1040px;margin:0 auto;padding:0 24px}
.pfn-h{font-size: 10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:rgb(134,134,139);margin:0 0 12px}
.pfn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 22px;margin:0 0 18px}
.pfn-grid a{display:block;font-size: 11.5px;line-height:1.5;color:rgb(110,110,115);text-decoration:none}
.pfn-grid a:hover{color:rgb(29,29,31);text-decoration:underline;text-underline-offset:2px}
@media (max-width:720px){.pfn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:440px){.pfn-grid{grid-template-columns:1fr}}
