@charset "UTF-8";
/* ═══════════════════════════════════════════════════════════════════════════
   Les pépites de Paulette : formats complémentaires
   (trouvailles comparées, remises en état, malle à entretien, coût par port)

   Aucune nouvelle couleur ni fonte : les jetons --pau-* de theme.css. Le jaune
   reste un aplat, un trait de surligneur ou une trame de points, jamais une
   couleur de texte. Filets d'encre de 1,5 px, angles vifs, folios sur carré
   jaune : le vocabulaire du sommaire et des tuiles de rubrique.
   ═══════════════════════════════════════════════════════════════════════════ */

:root{
    --pau-fx-barre-h:44px;
    --pau-fx-colle:calc(var(--pau-hh) + 1px);
    --pau-fx-mesure:74ch;
}
.pau-a-formats{--pau-fx-colle:calc(var(--pau-hh) + 1px + var(--pau-fx-barre-h))}

.pau-fx-sr{
    position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;
    overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}

/* ── En-tête : 2e ligne des formats ─────────────────────────────────────── */
.pau-fx-barre{border-top:1px solid var(--pau-filet);background:var(--pau-papier)}
.pau-fx-barre-int{
    max-width:var(--pau-bloc);margin:0 auto;padding:0 var(--pau-gout);
    height:var(--pau-fx-barre-h);
    display:flex;align-items:center;gap:22px;
    overflow-x:auto;scrollbar-width:none;
}
.pau-fx-barre-int::-webkit-scrollbar{display:none}
.pau-fx-barre-t{
    flex:none;font-size:.68rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase;
    color:var(--pau-gris);
}
.pau-fx-barre ul{display:flex;align-items:center;gap:clamp(14px,2vw,28px)}
.pau-fx-barre li{flex:none}
.pau-fx-barre a{
    display:inline-flex;align-items:center;gap:8px;white-space:nowrap;
    font-size:.84rem;font-weight:600;padding:4px 2px;
    background-image:linear-gradient(var(--pau-jaune),var(--pau-jaune));
    background-size:0 .42em;background-position:0 86%;background-repeat:no-repeat;
    transition:background-size .22s ease;
}
.pau-fx-barre a:hover,.pau-fx-barre a:focus-visible,
.pau-fx-barre a[aria-current="page"]{background-size:100% .42em}
.pau-fx-barre-folio{
    display:inline-flex;align-items:center;gap:6px;
    font-size:.68rem;font-weight:700;letter-spacing:.08em;color:var(--pau-gris);
}
.pau-fx-barre-folio::before{content:'';width:7px;height:7px;background:var(--pau-jaune);flex:none}

/* Formats dans le menu : seulement dans le panneau mobile */
.pau-nav-formats{display:none}

/* Ancres sous l'en-tête collant */
.pau-fx-sec,.pau-fx-bref,.pau-fx-etape,.pau-fx-controle{scroll-margin-top:calc(var(--pau-fx-colle) + 20px)}

/* ── Textes communs ─────────────────────────────────────────────────────── */
.pau-fx-oeil{
    display:inline-flex;align-items:center;gap:9px;
    font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--pau-gris);
}
.pau-fx-oeil::before{content:'';width:12px;height:7px;background:var(--pau-jaune);flex:none}
.pau-fx-h2{
    font-family:var(--pau-display);font-weight:800;
    font-size:clamp(1.4rem,2.3vw,1.9rem);line-height:1.12;letter-spacing:-.02em;
    margin-bottom:18px;
}
.pau-fx-num{
    display:inline-flex;align-items:center;gap:8px;margin-right:12px;vertical-align:.18em;
    font-family:var(--pau-corps);font-size:.72rem;font-weight:700;letter-spacing:.1em;color:var(--pau-gris);
}
.pau-fx-num::before{content:'';width:9px;height:9px;background:var(--pau-jaune);flex:none}
.pau-fx-sous{
    font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
    color:var(--pau-encre);margin:22px 0 10px;
}
.pau-fx-note{font-size:.88rem;line-height:1.6;color:var(--pau-gris);margin-top:14px}
.pau-fx-signature{
    margin-top:44px;padding-top:18px;border-top:1.5px solid var(--pau-encre);
    font-size:.9rem;font-weight:600;color:var(--pau-encre-doux);
}

.pau-fx-liste li{position:relative;padding-left:1.5em;margin-bottom:.55em;line-height:1.65}
.pau-fx-liste li::before{
    content:'';position:absolute;left:0;top:.5em;width:10px;height:10px;
    background-image:radial-gradient(circle,var(--pau-jaune-p) 1.7px,transparent 1.9px);
    background-size:5px 5px;
}
.pau-fx-liens a{
    font-weight:600;color:var(--pau-encre);
    background-image:linear-gradient(var(--pau-jaune),var(--pau-jaune));
    background-size:100% .2em;background-position:0 92%;background-repeat:no-repeat;
    transition:background-size .22s ease;
}
.pau-fx-liens a:hover{background-size:100% .55em}
.pau-fx-sources a{font-weight:500;overflow-wrap:anywhere}

/* ── Coiffe des formats : celle du site, alignée à gauche ───────────────── */
.pau-fx-coiffe-h1{max-width:24ch}
.pau-fx-coiffe-intro{
    margin-top:18px;max-width:64ch;
    font-size:clamp(1rem,1.2vw,1.12rem);line-height:1.6;color:rgba(255,255,255,.88);
}

/* ── Index des trouvailles comparées : sommaire à filets ────────────────── */
.pau-fx-ix,.pau-fx-tx,.pau-fx-bt{padding:clamp(44px,6vw,78px) 0}
.pau-fx-ix-liste{border-top:1.5px solid var(--pau-encre)}
.pau-fx-ix-ligne{border-bottom:1px solid var(--pau-filet)}
.pau-fx-ix-lien{
    display:grid;grid-template-columns:clamp(64px,7vw,96px) minmax(0,1fr) auto;
    gap:clamp(16px,2.6vw,36px);align-items:baseline;
    padding:clamp(22px,2.6vw,32px) 0;
}
.pau-fx-ix-folio{
    display:inline-flex;align-items:center;gap:10px;
    font-family:var(--pau-display);font-weight:800;font-size:clamp(1.6rem,2.6vw,2.2rem);line-height:1;
}
.pau-fx-ix-folio::before{content:'';width:11px;height:11px;background:var(--pau-jaune);flex:none}
.pau-fx-ix-corps{min-width:0;display:block}
.pau-fx-ix-corps .pau-fx-oeil{margin-bottom:8px}
.pau-fx-ix-titre{
    display:inline;
    font-family:var(--pau-display);font-weight:700;
    font-size:clamp(1.25rem,2.1vw,1.7rem);line-height:1.18;letter-spacing:-.015em;
    background-image:linear-gradient(var(--pau-jaune),var(--pau-jaune));
    background-size:0 .34em;background-position:0 88%;background-repeat:no-repeat;
    -webkit-box-decoration-break:clone;box-decoration-break:clone;
    transition:background-size .28s ease;
}
.pau-fx-ix-lien:hover .pau-fx-ix-titre,
.pau-fx-ix-lien:focus-visible .pau-fx-ix-titre{background-size:100% .34em}
.pau-fx-ix-corps .pau-fx-oeil{display:flex}
.pau-fx-ix-chapo{display:block;margin-top:10px;max-width:70ch;color:var(--pau-encre-doux);font-size:.97rem}
.pau-fx-ix-compte,.pau-fx-tx-meta{
    font-size:.72rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;
    color:var(--pau-gris);white-space:nowrap;
}

/* ── Index des remises en état : cartes sur trame ───────────────────────── */
.pau-fx-tx-liste{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pau-gout)}
.pau-fx-tx-lien{
    position:relative;z-index:0;overflow:hidden;
    display:flex;flex-direction:column;gap:10px;height:100%;
    border:1.5px solid var(--pau-encre);padding:26px 26px 22px;
}
.pau-fx-tx-fond{
    position:absolute;inset:0;z-index:-2;
    background-image:radial-gradient(circle,var(--pau-jaune) 28%,transparent 30%);
    background-size:9px 9px;opacity:.22;transition:opacity .25s ease;
}
.pau-fx-tx-lien::after{
    content:'';position:absolute;inset:0;z-index:-1;
    background:var(--pau-jaune);opacity:0;transition:opacity .25s ease;
}
.pau-fx-tx-lien:hover .pau-fx-tx-fond,.pau-fx-tx-lien:focus-visible .pau-fx-tx-fond{opacity:0}
.pau-fx-tx-lien:hover::after,.pau-fx-tx-lien:focus-visible::after{opacity:1}
.pau-fx-tx-tete{display:flex;align-items:center;justify-content:space-between;gap:14px}
.pau-fx-tx-num{font-family:var(--pau-display);font-weight:800;font-size:1.6rem;line-height:1}
.pau-fx-tx-titre{
    font-family:var(--pau-display);font-weight:700;
    font-size:clamp(1.18rem,1.7vw,1.42rem);line-height:1.2;letter-spacing:-.015em;
}
.pau-fx-tx-chapo{display:block;color:var(--pau-encre-doux);font-size:.95rem;flex:1}
.pau-fx-tx-lien:hover .pau-fx-tx-chapo,.pau-fx-tx-lien:hover .pau-fx-tx-meta,
.pau-fx-tx-lien:hover .pau-fx-oeil{color:var(--pau-encre)}
.pau-fx-tx-lien:hover .pau-fx-oeil::before{background:var(--pau-encre)}
.pau-fx-tx-meta{white-space:normal}

/* ── Malle : étiquettes des cases + grille de fiches ────────────────────── */
.pau-fx-cases{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:24px}
.pau-fx-cases a{
    display:inline-flex;align-items:center;gap:8px;
    border:1.5px solid var(--pau-encre);padding:8px 14px;
    font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
    transition:background-color .2s ease;
}
.pau-fx-cases a:hover{background:var(--pau-brume)}
.pau-fx-cases a[aria-current="page"]{background:var(--pau-jaune)}
.pau-fx-cases-n{font-weight:500;color:var(--pau-gris)}
.pau-fx-cases a[aria-current="page"] .pau-fx-cases-n{color:var(--pau-encre)}
.pau-fx-bt-note{max-width:80ch;margin:0 0 34px}

.pau-fx-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:clamp(22px,2.6vw,34px)}
.pau-fx-grille--serree{grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));gap:18px;margin-top:18px}
.pau-fx-carte{min-width:0}
.pau-fx-carte-lien{display:flex;flex-direction:column;height:100%;border:1.5px solid var(--pau-encre);background:var(--pau-papier)}
.pau-fx-carte-visuel{
    position:relative;display:flex;align-items:center;justify-content:center;
    aspect-ratio:4/3;overflow:hidden;border-bottom:1.5px solid var(--pau-encre);
    background-color:var(--pau-papier);
    background-image:radial-gradient(circle,var(--pau-jaune) 28%,transparent 30%);
    background-size:8px 8px;
}
.pau-fx-carte-visuel--photo{background-image:none}
.pau-fx-carte-visuel img{width:100%;height:100%;object-fit:contain;padding:14px;display:block}
.pau-fx-visuel-code{
    font-family:var(--pau-display);font-weight:800;font-size:2.6rem;letter-spacing:-.02em;line-height:1;
    background:var(--pau-papier);padding:6px 12px;
}
.pau-fx-carte-corps{display:flex;flex-direction:column;gap:5px;padding:16px 18px 18px;flex:1}
.pau-fx-carte-marque{font-size:.68rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--pau-gris)}
.pau-fx-carte-nom{
    font-family:var(--pau-display);font-weight:700;font-size:1.08rem;line-height:1.22;letter-spacing:-.01em;
}
.pau-fx-carte-nom{
    background-image:linear-gradient(var(--pau-jaune),var(--pau-jaune));
    background-size:0 .32em;background-position:0 88%;background-repeat:no-repeat;
    transition:background-size .28s ease;
}
.pau-fx-carte-lien:hover .pau-fx-carte-nom,.pau-fx-carte-lien:focus-visible .pau-fx-carte-nom{background-size:100% .32em}
.pau-fx-carte-type{font-size:.86rem;line-height:1.5;color:var(--pau-encre-doux)}
.pau-fx-carte-dispo{
    margin-top:auto;padding-top:10px;display:inline-flex;align-items:center;gap:8px;
    font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--pau-gris);
}
.pau-fx-carte-dispo::before{content:'';width:8px;height:8px;border:1.5px solid var(--pau-gris);flex:none}

/* ── Trouvaille comparée / remise en état : sommaire collant + colonne ──── */
.pau-fx-gd,.pau-fx-tu{padding:clamp(44px,6vw,80px) 0 clamp(56px,7vw,96px)}
.pau-fx-gd-grille{
    display:grid;grid-template-columns:230px minmax(0,var(--pau-fx-mesure));
    gap:clamp(32px,5vw,72px);justify-content:center;align-items:start;
}
.pau-fx-sommaire{position:sticky;top:calc(var(--pau-fx-colle) + 24px);border-top:1.5px solid var(--pau-encre);padding-top:14px}
.pau-fx-sommaire-t{
    font-size:.7rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase;
    color:var(--pau-gris);margin-bottom:10px;
}
.pau-fx-sommaire ol{display:grid;gap:2px}
.pau-fx-sommaire a{
    display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;
    padding:7px 0;font-size:.88rem;line-height:1.35;color:var(--pau-encre-doux);
    border-bottom:1px solid var(--pau-filet);
}
.pau-fx-sommaire a:hover{color:var(--pau-encre)}
.pau-fx-sommaire a:hover span:last-child{
    background-image:linear-gradient(var(--pau-jaune),var(--pau-jaune));
    background-size:100% .34em;background-position:0 88%;background-repeat:no-repeat;
}
.pau-fx-sommaire-n{font-size:.7rem;font-weight:700;letter-spacing:.06em;color:var(--pau-gris);padding-top:.15em}

.pau-fx-corps,.pau-fx-lecture{min-width:0;max-width:var(--pau-fx-mesure)}
.pau-fx-lecture{margin-inline:auto}
.pau-fx-corps > * + *{margin-top:48px}
.pau-fx-sec p,.pau-fx-lecture > p,.pau-fx-controle p,.pau-fx-etape-corps p{line-height:1.75;margin-bottom:1em}
.pau-fx-lecture > .pau-fx-h2{margin-top:44px}
.pau-fx-lecture > .pau-fx-h2:first-child{margin-top:0}

.pau-fx-bref{background:var(--pau-jaune);padding:clamp(24px,3vw,36px)}
.pau-fx-bref .pau-fx-liste li::before{background-image:radial-gradient(circle,var(--pau-encre) 1.7px,transparent 1.9px)}
.pau-fx-bref .pau-fx-liste li:last-child{margin-bottom:0}

/* Tableau comparatif : défilement horizontal contenu dans son cadre */
.pau-fx-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1.5px solid var(--pau-encre);max-width:100%}
.pau-fx-table-wrap:focus-visible{outline:3px solid var(--pau-encre);outline-offset:2px}
.pau-fx-table{width:100%;min-width:560px;border-collapse:collapse;font-size:.92rem;line-height:1.5}
.pau-fx-table caption{
    caption-side:top;text-align:left;padding:12px 16px;
    font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--pau-gris);
    border-bottom:1.5px solid var(--pau-encre);
}
.pau-fx-table th,.pau-fx-table td{padding:12px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--pau-filet)}
.pau-fx-table td + td,.pau-fx-table th + td,.pau-fx-table th + th{border-left:1px solid var(--pau-filet)}
.pau-fx-table tbody tr:last-child th,.pau-fx-table tbody tr:last-child td{border-bottom:0}
.pau-fx-table thead th{
    background:var(--pau-encre);color:#fff;border-bottom:0;
    font-family:var(--pau-display);font-weight:700;font-size:.98rem;letter-spacing:-.005em;
}
.pau-fx-table thead th + th{border-left-color:rgba(255,255,255,.18)}
.pau-fx-table thead th a{
    color:#fff;
    background-image:linear-gradient(var(--pau-jaune),var(--pau-jaune));
    background-size:100% 2px;background-position:0 100%;background-repeat:no-repeat;
}
.pau-fx-table thead th a:hover{color:var(--pau-jaune)}
.pau-fx-table tbody th{font-weight:700;background:var(--pau-brume)}
.pau-fx-table--fiche{min-width:0}
.pau-fx-table--fiche th{width:36%}

.pau-fx-cas{border-top:1.5px solid var(--pau-encre)}
.pau-fx-cas-ligne{
    display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:22px;
    padding:16px 0;border-bottom:1px solid var(--pau-filet);
}
.pau-fx-cas dt{font-family:var(--pau-display);font-weight:700;font-size:1.02rem;line-height:1.35}
.pau-fx-cas dd{margin:0;line-height:1.7;color:var(--pau-encre-doux)}

/* Remise en état : relevé façon jauges, étapes reliées par une trame */
.pau-fx-releve{
    display:flex;flex-wrap:wrap;gap:0;margin:0 auto clamp(34px,4vw,52px);
    max-width:calc(230px + clamp(32px,5vw,72px) + var(--pau-fx-mesure));
    border-top:1.5px solid var(--pau-encre);border-bottom:1.5px solid var(--pau-encre);
}
.pau-fx-releve div{
    flex:1 1 160px;display:flex;flex-direction:column-reverse;gap:4px;
    padding:16px clamp(16px,2.4vw,30px);border-left:1px solid var(--pau-filet);
}
.pau-fx-releve div:first-child{border-left:0;padding-left:0}
.pau-fx-releve dd{margin:0;font-family:var(--pau-display);font-weight:800;font-size:clamp(1.25rem,2vw,1.6rem);line-height:1.15}
.pau-fx-releve dt{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--pau-gris)}

.pau-fx-etapes{position:relative}
.pau-fx-etape{
    position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);gap:clamp(16px,2.4vw,26px);
    padding-bottom:36px;
}
.pau-fx-etape::before{
    content:'';position:absolute;left:22px;top:56px;bottom:8px;width:4px;
    background-image:radial-gradient(circle,var(--pau-jaune-p) 1.5px,transparent 1.7px);
    background-size:4px 8px;background-repeat:repeat-y;
}
.pau-fx-etape:last-child{padding-bottom:0}
.pau-fx-etape:last-child::before{display:none}
.pau-fx-etape-n{
    width:48px;height:48px;display:flex;align-items:center;justify-content:center;
    background:var(--pau-jaune);font-family:var(--pau-display);font-weight:800;font-size:1.15rem;
}
.pau-fx-etape-titre{
    font-family:var(--pau-display);font-weight:700;font-size:clamp(1.15rem,1.8vw,1.38rem);
    line-height:1.22;letter-spacing:-.012em;margin:9px 0 10px;
}
.pau-fx-attention{
    border-left:8px solid var(--pau-jaune);padding:4px 0 4px 18px;margin-top:4px;
    color:var(--pau-encre);
}
.pau-fx-attention strong{
    display:block;margin-bottom:4px;
    font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;
}
.pau-fx-controle{border:1.5px solid var(--pau-encre);padding:clamp(22px,3vw,32px)}
.pau-fx-controle p:last-child{margin-bottom:0}

/* ── Fiche de la malle ──────────────────────────────────────────────────── */
.pau-fx-fp{background:var(--pau-brume);padding:clamp(36px,5vw,64px) 0 clamp(40px,5vw,68px)}
.pau-fx-fp-grille{
    display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);
    gap:clamp(28px,4.4vw,64px);align-items:center;
}
.pau-fx-fp-visuel{
    position:relative;margin:0;aspect-ratio:5/4;
    display:flex;align-items:center;justify-content:center;overflow:hidden;
    border:1.5px solid var(--pau-encre);background-color:var(--pau-papier);
    background-image:radial-gradient(circle,var(--pau-jaune) 28%,transparent 30%);
    background-size:10px 10px;
}
.pau-fx-fp-visuel--photo{background-image:none}
.pau-fx-fp-visuel img{width:100%;height:100%;object-fit:contain;padding:26px;display:block}
.pau-fx-fp-visuel .pau-fx-visuel-code{font-size:clamp(3rem,7vw,5rem);padding:10px 20px}
.pau-fx-badge{
    position:absolute;top:0;left:0;background:var(--pau-jaune);padding:7px 14px;
    font-size:.72rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;
}
.pau-fx-fil-clair{color:var(--pau-gris)}
.pau-fx-fil-clair a{color:var(--pau-encre)}
.pau-fx-fil-clair a:hover{color:var(--pau-encre);background-image:linear-gradient(var(--pau-jaune),var(--pau-jaune));background-size:100% .34em;background-position:0 88%;background-repeat:no-repeat}
.pau-fx-fil-clair .pau-fil-sep{color:var(--pau-gris)}
.pau-fx-fil-clair .pau-fil-cur{color:var(--pau-gris)}
.pau-fx-fp-infos .pau-oeil{margin-bottom:10px}
.pau-fx-fp-titre{
    font-family:var(--pau-display);font-weight:800;
    font-size:clamp(1.8rem,3.6vw,3rem);line-height:1.05;letter-spacing:-.03em;
}
.pau-fx-fp-type{margin-top:12px;color:var(--pau-encre-doux)}
.pau-fx-fp-resume{margin-top:20px}
.pau-fx-fp-dispo{
    margin-top:20px;padding:14px 18px;background:var(--pau-papier);
    border:1.5px solid var(--pau-encre);font-size:.93rem;line-height:1.6;
}
.pau-fx-fp-meta{margin-top:20px;border-top:1.5px solid var(--pau-encre)}
.pau-fx-fp-meta div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--pau-filet)}
.pau-fx-fp-meta dt{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--pau-gris)}
.pau-fx-fp-meta dd{margin:0;font-weight:600;text-align:right}
.pau-fx-fp-meta a{background-image:linear-gradient(var(--pau-jaune),var(--pau-jaune));background-size:100% .2em;background-position:0 92%;background-repeat:no-repeat}

.pau-fx-fp-suite{padding:clamp(40px,5vw,68px) 0 clamp(56px,7vw,90px)}
.pau-fx-onglets{
    display:flex;flex-wrap:wrap;gap:9px;
    max-width:var(--pau-fx-mesure);margin:0 auto clamp(30px,4vw,44px);
}
.pau-fx-onglets a{
    display:inline-block;border:1.5px solid var(--pau-encre);padding:8px 14px;
    font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
    transition:background-color .2s ease;
}
.pau-fx-onglets a:hover{background:var(--pau-jaune)}
.pau-fx-lecture > .pau-fx-sec + .pau-fx-sec{margin-top:44px}
.pau-fx-lecture > .pau-fx-bref{margin-top:44px}
.pau-fx-voisins{padding:clamp(44px,5vw,72px) 0;background:var(--pau-brume)}

/* ── Page d'outil : coût par port ───────────────────────────────────────── */
.pau-fx-cp{padding:clamp(44px,6vw,80px) 0}
.pau-fx-cp-grille{
    display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
    gap:clamp(28px,4vw,56px);align-items:start;
}
.pau-fx-cp-bloc{border:1.5px solid var(--pau-encre);margin:0 0 18px;padding:18px clamp(16px,2.4vw,26px) 8px;min-width:0}
.pau-fx-cp-bloc legend{
    display:flex;align-items:center;gap:10px;padding:0 8px;margin-left:-8px;
    font-family:var(--pau-display);font-weight:800;font-size:1.15rem;
}
.pau-fx-cp-lettre{
    width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;
    background:var(--pau-jaune);font-size:.95rem;
}
.pau-fx-cp-champs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
.pau-fx-cp-champ{display:flex;flex-direction:column;gap:7px;margin-bottom:14px;min-width:0}
.pau-fx-cp-champ--large{grid-column:1/-1}
.pau-fx-cp-champ label{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;line-height:1.35}
.pau-fx-cp-champ input{
    width:100%;padding:12px 14px;font:inherit;font-size:1rem;
    border:1.5px solid var(--pau-filet);background:var(--pau-papier);color:var(--pau-encre);border-radius:0;
    transition:border-color .2s ease;
}
.pau-fx-cp-champ input:focus{border-color:var(--pau-encre);outline:none}
.pau-fx-cp-erreur{
    margin-top:14px;padding:12px 16px;border:1.5px solid var(--pau-encre);border-left-width:8px;
    font-weight:600;
}
.pau-fx-cp-resultat{
    position:sticky;top:calc(var(--pau-fx-colle) + 24px);
    background:var(--pau-jaune);padding:clamp(24px,3vw,36px);
}
.pau-fx-cp-resultat .pau-fx-note{color:var(--pau-encre)}
.pau-fx-cp-chiffres{border-top:1.5px solid var(--pau-encre);margin:6px 0 18px}
.pau-fx-cp-chiffres div{padding:12px 0;border-bottom:1px solid rgba(19,17,24,.22)}
.pau-fx-cp-chiffres dt{font-size:.7rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;overflow-wrap:anywhere}
.pau-fx-cp-chiffres dd{margin:4px 0 0;font-family:var(--pau-display);font-weight:800;font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.1}
.pau-fx-cp-fort dd{font-size:clamp(2rem,3.8vw,2.8rem)}
.pau-fx-cp-lecture{font-weight:600;line-height:1.6}
.pau-fx-cp-ref{padding:0 0 clamp(44px,6vw,72px)}
.pau-fx-cp-ref .pau-fx-table th:first-child{white-space:nowrap}
.pau-fx-cp-methode{padding:clamp(44px,6vw,72px) 0 clamp(56px,7vw,96px);background:var(--pau-brume)}

/* ── Accueil : accès aux formats, dans la section des rubriques ─────────── */
.pau-fx-acces{margin-top:clamp(44px,5.5vw,72px)}
.pau-fx-acces-tete{
    display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 26px;
    padding-bottom:16px;margin-bottom:6px;border-bottom:1.5px solid var(--pau-encre);
}
.pau-fx-acces-titre{font-family:var(--pau-display);font-weight:800;font-size:clamp(1.3rem,2.1vw,1.7rem);letter-spacing:-.02em}
.pau-fx-acces-deck{color:var(--pau-encre-doux);font-size:.95rem;max-width:70ch}
.pau-fx-acces-liste{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 var(--pau-gout)}
.pau-fx-acces-lien{display:flex;flex-direction:column;gap:8px;height:100%;padding:20px 0 6px}
.pau-fx-acces-folio{
    display:inline-flex;align-items:center;gap:8px;
    font-size:.72rem;font-weight:700;letter-spacing:.1em;color:var(--pau-gris);
}
.pau-fx-acces-folio::before{content:'';width:9px;height:9px;background:var(--pau-jaune);flex:none}
.pau-fx-acces-nom{
    align-self:flex-start;
    font-family:var(--pau-display);font-weight:700;font-size:1.22rem;line-height:1.2;letter-spacing:-.015em;
    background-image:linear-gradient(var(--pau-jaune),var(--pau-jaune));
    background-size:0 .36em;background-position:0 88%;background-repeat:no-repeat;
    transition:background-size .28s ease;
}
.pau-fx-acces-lien:hover .pau-fx-acces-nom,.pau-fx-acces-lien:focus-visible .pau-fx-acces-nom{background-size:100% .36em}
.pau-fx-acces-desc{font-size:.92rem;line-height:1.55;color:var(--pau-encre-doux);flex:1}
.pau-fx-acces-compte{font-size:.7rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--pau-gris)}

/* ── Pied, plan du site ─────────────────────────────────────────────────── */
.pau-fx-pied-titre{margin-top:30px}
.pau-fx-plan-case{
    margin:18px 0 6px;font-size:.76rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;
}
.pau-fx-plan-case a:hover{background-image:linear-gradient(var(--pau-jaune),var(--pau-jaune));background-size:100% .3em;background-position:0 88%;background-repeat:no-repeat}

/* ── « Pour aller plus loin » sous un article ───────────────────────────── */
.pau-fx-suite{margin-top:44px;padding-top:28px;border-top:1.5px solid var(--pau-encre)}
.pau-fx-suite .pau-oeil{margin-bottom:10px}
.pau-fx-suite-titre{font-family:var(--pau-display);font-weight:800;font-size:1.45rem;letter-spacing:-.02em;margin-bottom:12px}
.pau-fx-suite-liste li{border-bottom:1px solid var(--pau-filet)}
.pau-fx-suite-liste a{display:flex;flex-direction:column;gap:3px;padding:12px 0}
.pau-fx-suite-type{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--pau-gris)}
.pau-fx-suite-nom{
    align-self:flex-start;font-family:var(--pau-display);font-weight:700;font-size:1.06rem;line-height:1.3;
    background-image:linear-gradient(var(--pau-jaune),var(--pau-jaune));
    background-size:0 .34em;background-position:0 88%;background-repeat:no-repeat;
    transition:background-size .28s ease;
}
.pau-fx-suite-liste a:hover .pau-fx-suite-nom,.pau-fx-suite-liste a:focus-visible .pau-fx-suite-nom{background-size:100% .34em}

/* ── Responsive ─────────────────────────────────────────────────────────── */
@media (max-width:1080px){
    .pau-a-formats{--pau-fx-colle:calc(var(--pau-hh) + 1px)}
    .pau-fx-barre{display:none}

    /* Panneau mobile : les formats s'ajoutent aux rubriques, le panneau part du haut et défile. */
    .pau-a-formats .pau-nav{justify-content:flex-start;padding-top:104px;padding-bottom:48px;gap:16px}
    .pau-nav-formats{
        display:flex;flex-direction:column;align-items:flex-start;gap:12px;
        width:100%;padding:16px 0 12px;margin:4px 0;
        border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);
    }
    .pau-nav-formats-t{font-size:.7rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase;color:var(--pau-jaune)}
    .pau-nav-lien.pau-nav-lien--format{font-size:1.1rem}
    .pau-nav-lien--format[aria-current="page"]::before{transform:scaleX(1)}
    .pau-nav-lien--format[aria-current="page"]{color:var(--pau-encre)}

    .pau-fx-acces-liste{grid-template-columns:repeat(2,minmax(0,1fr))}
    .pau-fx-cp-grille{grid-template-columns:1fr}
    .pau-fx-cp-resultat{position:static}
}

@media (max-width:1000px){
    .pau-fx-gd-grille{grid-template-columns:minmax(0,1fr)}
    .pau-fx-sommaire{position:static;max-width:var(--pau-fx-mesure);width:100%;margin:0 auto}
    .pau-fx-corps{margin-inline:auto;width:100%}
    .pau-fx-releve{max-width:var(--pau-fx-mesure)}
}

@media (max-width:860px){
    .pau-fx-fp-grille{grid-template-columns:1fr}
    .pau-fx-fp-visuel{max-width:520px;width:100%}
    .pau-fx-ix-lien{grid-template-columns:minmax(0,1fr)}
    .pau-fx-ix-folio{font-size:1.4rem}
    .pau-fx-ix-compte{white-space:normal}
}

@media (max-width:700px){
    .pau-fx-tx-liste{grid-template-columns:1fr}
    .pau-fx-acces-liste{grid-template-columns:1fr}
    .pau-fx-cas-ligne{grid-template-columns:1fr;gap:6px}
    .pau-fx-cp-champs{grid-template-columns:1fr}
    .pau-fx-releve div{flex-basis:100%;border-left:0;padding-left:0;border-top:1px solid var(--pau-filet)}
    .pau-fx-releve div:first-child{border-top:0}
    .pau-fx-etape{grid-template-columns:40px minmax(0,1fr)}
    .pau-fx-etape-n{width:40px;height:40px;font-size:1rem}
    .pau-fx-etape::before{left:18px;top:48px}
    .pau-fx-etape-titre{margin-top:6px}
    .pau-fx-fp-meta div{flex-direction:column;gap:2px}
    .pau-fx-fp-meta dd{text-align:left}
}
