/* Refonte « Lumière du matin » (direction A, 22/10/2026) : en-tête, pied et onglets communs à TOUTES les pages,
   y compris les pages outils qui gardent style.css (test, extrait, lecture, rapport, mentions).
   Classes préfixées rf- pour ne jamais entrer en conflit avec style.css. Polices hébergées sur le site (OFL). */
@font-face{font-family:'League Gothic';src:url(fonts/LeagueGothic.ttf?v=3eb1851064) format('truetype');font-display:swap}
@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;src:url(fonts/Fraunces.ttf?v=be0892e8a9) format('truetype');font-display:swap}
@font-face{font-family:Outfit;font-weight:100 900;src:url(fonts/Outfit.ttf?v=79d17fecae) format('truetype');font-display:swap}
@view-transition{navigation:auto}
::view-transition-old(root){animation:rf-sortie .28s cubic-bezier(.2,.8,.2,1) both}
::view-transition-new(root){animation:rf-entree .45s cubic-bezier(.2,.8,.2,1) both}
@keyframes rf-sortie{to{opacity:0;transform:translateY(-14px)}}
@keyframes rf-entree{from{opacity:0;transform:translateY(22px)}}
@keyframes rf-vapeur{0%{opacity:0;transform:translateY(8px)}40%{opacity:1}100%{opacity:0;transform:translateY(-14px)}}
@keyframes rf-glisse{from{opacity:0;transform:translateY(40px)}}

.rf-top,.rf-onglets,.rf-pied{--rf-terra:#A94E33;--rf-terra-f:#8E3E27;--rf-creme:#F6EBDD;--rf-papier:#FBF6EF;--rf-brun:#5E2718;--rf-abricot:#F2C28B;--rf-sable:#E2CFB9;--rf-taupe:#8A7568;
  --rf-ressort:cubic-bezier(.2,.8,.2,1.35);--rf-doux:cubic-bezier(.2,.8,.2,1);font-family:Outfit,system-ui,sans-serif;box-sizing:border-box}
.rf-top *,.rf-onglets *,.rf-pied *{box-sizing:border-box}
.rf-in{max-width:1240px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}

/* En-tête */
.rf-top{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;transition:background .35s,box-shadow .35s,transform .4s var(--rf-doux)}
.rf-top.plein{background:rgba(251,246,239,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 1px 0 var(--rf-sable)}
.rf-top.cache-haut{transform:translateY(-100%)}
.rf-top .rf-in{display:flex;align-items:center;gap:14px;height:80px}
.rf-logo{display:flex;align-items:center;gap:10px;margin-right:auto;text-decoration:none;color:var(--rf-brun)}
.rf-logo svg{width:44px;height:40px;transition:transform .5s var(--rf-ressort)}
.rf-logo:hover svg{transform:rotate(-10deg) scale(1.08)}
.rf-logo .vap{animation:rf-vapeur 3s ease-in-out infinite}.rf-logo .vap2{animation-delay:1s}
.rf-logo b{font:400 32px/1 'League Gothic','Arial Narrow',sans-serif;letter-spacing:.02em;text-transform:uppercase}
.rf-nav{position:relative;display:flex;gap:8px;margin-right:8px}
.rf-nav a{position:relative;z-index:1;white-space:nowrap;padding:11px 20px;border-radius:99px;font-weight:600;font-size:15px;color:var(--rf-brun);text-decoration:none;box-shadow:inset 0 0 0 1.5px var(--rf-sable);background:rgba(255,255,255,.55);transition:color .3s,box-shadow .3s,transform .3s var(--rf-ressort)}
.rf-nav a:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1.5px var(--rf-terra)}
.rf-nav a[aria-current=page]{color:var(--rf-creme);box-shadow:none;background:transparent}
.rf-pastille{position:absolute;z-index:0;top:0;height:100%;width:0;border-radius:99px;background:var(--rf-terra);box-shadow:0 10px 22px -10px rgba(169,78,51,.8);transition:left .45s var(--rf-ressort),width .45s var(--rf-ressort)}
.rf-btn{white-space:nowrap;display:inline-flex;align-items:center;gap:8px;border:0;cursor:pointer;font:600 14px/1 Outfit,system-ui,sans-serif;padding:12px 18px;border-radius:99px;text-decoration:none;position:relative;overflow:hidden;isolation:isolate;transition:transform .3s var(--rf-ressort),box-shadow .3s}
.rf-btn::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--rf-terra-f);transform:translateX(-101%);transition:transform .45s var(--rf-doux)}
.rf-btn:hover{transform:translateY(-3px)}.rf-btn:hover::before{transform:none}.rf-btn:active{transform:scale(.96)}
.rf-btn svg{width:18px;height:18px;flex:none}
.rf-btn-terra{background:var(--rf-terra);color:var(--rf-creme);box-shadow:0 10px 24px -10px rgba(169,78,51,.7)}
.rf-btn-blanc{background:#fff;color:var(--rf-brun);box-shadow:inset 0 0 0 1.5px var(--rf-sable)}
.rf-btn-blanc::before{background:var(--rf-creme)}
.rf-btn .fl{display:inline-block;transition:transform .3s var(--rf-ressort)}
.rf-btn:hover .fl{transform:translateX(5px)}

/* Onglets du téléphone */
.rf-onglets{display:none}

/* Pied */
.rf-pied{background:var(--rf-brun);color:var(--rf-creme);padding-block:48px;margin-top:40px}
.rf-pied .rf-in{display:grid;grid-template-columns:1.4fr 1fr;gap:30px}
.rf-pied .rf-logo{color:var(--rf-creme)}
.rf-liens{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.rf-liens a{padding:8px 14px;border-radius:99px;box-shadow:inset 0 0 0 1px rgba(246,235,221,.3);font-size:14px;color:var(--rf-creme);text-decoration:none;transition:background .3s}
.rf-liens a:hover{background:rgba(246,235,221,.12)}
.rf-pied small{display:block;color:var(--rf-sable);opacity:.85;font-size:13px;line-height:1.6}
.rf-pied small a{color:var(--rf-sable)}
.rf-aide{background:rgba(246,235,221,.08);border-radius:20px;padding:20px 22px;font-size:15px;line-height:1.55;align-self:start}
.rf-aide b{color:var(--rf-abricot);font-size:20px}
.rf-amazon{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.rf-amazon a{font-weight:600;font-size:14px;color:var(--rf-brun);background:var(--rf-creme);padding:10px 14px;border-radius:99px;text-decoration:none}
.rf-amazon a+a{background:transparent;color:var(--rf-creme);box-shadow:inset 0 0 0 1px rgba(246,235,221,.4)}

@media (max-width:1060px){.rf-nav a{padding:10px 14px;font-size:14px}.rf-top .rf-btn-terra{display:none}}
@media (max-width:820px){
  .rf-nav{display:none}
  .rf-top .rf-in{height:64px}
  .rf-top .rf-btn-terra{display:inline-flex;padding:10px 14px;font-size:13px}
  .rf-btn-espace{padding:10px}.rf-btn-espace span{display:none}
  .rf-logo b{font-size:28px}.rf-logo svg{width:38px;height:34px}
  .rf-pied .rf-in{grid-template-columns:1fr}
  .rf-pied{padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))}
  .rf-onglets{display:flex;position:fixed;z-index:45;left:max(12px,env(safe-area-inset-left,0px));right:max(12px,env(safe-area-inset-right,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:26px;padding:7px;box-shadow:0 12px 30px -10px rgba(94,39,24,.35),inset 0 0 0 1px var(--rf-sable);justify-content:space-between;gap:4px;animation:rf-glisse .7s .3s var(--rf-doux) both}
  .rf-onglets .rf-pastille{top:7px;bottom:7px;height:auto;border-radius:20px;box-shadow:none}
  .rf-onglets a{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;font-weight:600;padding:7px 4px;border-radius:20px;color:var(--rf-taupe);text-decoration:none;transition:color .3s}
  .rf-onglets a[aria-current=page]{color:var(--rf-creme)}
  .rf-onglets svg{width:22px;height:22px;transition:transform .4s var(--rf-ressort)}
  .rf-onglets a:active svg{transform:scale(.8)}
  body.rf-outil{padding-bottom:0}
}
@media print{.rf-top,.rf-onglets,.rf-pied{display:none!important}}
@media (prefers-reduced-motion:reduce){.rf-top *,.rf-onglets *,.rf-pied *,.rf-top,.rf-onglets{animation:none!important;transition:none!important}}