/* ------------------------------------------------------------ déclaration */
.declaration {
  border-bottom: 1px solid var(--bordercolor);
}
.declaration > * {
  max-width: var(--maxwidth);
}
.declaration blockquote p { 
  --font-wght: 900;
}
.declaration p + p {
  text-indent: 2em;
}
.declaration footer {
  text-wrap: balance;
  margin-top: 1.6rem;
}

/* ------------------------------------------------------------ mise en page */

main {
  border-bottom: 1px solid var(--bordercolor);
}
main > * {
  padding: 0 1rem;
}
h2,
h3,
.intro,
.content,
.outro,
.tags-link {
  max-width: var(--maxwidth);
  margin: 1.6em auto;
}

.subtitle {
  display: block;
  font-size: 2vw;
}

h1{
    font-size: clamp(1rem, 5vw, 8rem);
  line-height: 1.1; 
}

/* Active le scroll-snap global */
html {
  scroll-snap-type: y mandatory;
  overflow-y: scroll;
}

body{
    margin : 1em 2em .5em 2em;
}
/* ------------------------------------------------------------
   SECTION scroll PLEIN ÉCRAN
------------------------------------------------------------ */

section.screen {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  scroll-snap-align: start;
  padding: 40px;
}

.sommaire-colonnes {
  column-count: 3;       
  column-gap: 2rem;
  max-width: var(--maxwidth);
  margin: 1.6em auto;
  padding: 0;
}

.sommaire-colonnes li {
  break-inside: avoid;     
  margin-bottom: .6em;
}