/* Plan du site - page d'orientation, pour le visiteur comme pour Google */

.plan{
  min-height:100svh;
  padding:clamp(5.5rem,12vh,8rem) var(--marge) clamp(3rem,7vh,4.5rem);
  background:var(--creme);
}
.plan__inner{width:min(100%,68rem);margin:0 auto}
.plan__oeil{margin:0 0 clamp(.5rem,1.4vh,.9rem);display:flex;align-items:center;gap:.9rem;color:var(--brun-fonce)}
.plan__oeil::after{content:"";height:1px;flex:1;max-width:5rem;background:var(--hairline)}
.plan h1{
  margin:0 0 .75rem;
  font-weight:300;
  font-size:clamp(1.8rem,1.3rem + 1.9vw,3.1rem);
  line-height:1.15;
}
.plan h1 em{font-style:italic;color:var(--brun)}
.plan__chapo{margin:0 0 clamp(2rem,5vh,3.25rem);max-width:56ch;color:var(--encre-doux)}

.plan__grille{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));
  gap:clamp(1.75rem,4vw,3rem);
}
.plan__bloc h2{margin:0 0 1rem;color:var(--brun-fonce)}
.plan__bloc ul{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.plan__bloc li{padding-left:1rem;position:relative;line-height:1.5}
.plan__bloc li::before{
  content:"";position:absolute;left:0;top:.62em;
  width:5px;height:1px;background:var(--brun);opacity:.55;
}
.plan__bloc a{border-bottom:1px solid transparent;transition:color .35s var(--ease),border-color .35s var(--ease)}
.plan__bloc a:hover{color:var(--brun-profond);border-color:var(--brun-fonce)}
.plan__bloc .avenir{color:var(--encre-doux);opacity:.55}
.plan__bloc .avenir::after{content:" - à venir";font-size:.82em;letter-spacing:.06em}

.plan__xml{
  margin:clamp(2.5rem,6vh,4rem) 0 0;
  padding-top:clamp(1.25rem,3vh,1.75rem);
  border-top:1px solid var(--hairline);
  color:var(--encre-doux);font-size:.9rem;
}
.plan__xml a{border-bottom:1px solid var(--hairline)}
.plan__xml a:hover{color:var(--brun-profond);border-color:var(--brun-fonce)}