/* Layout — container e seções */
.container{
  width:100%;
  max-width:var(--content-max);
  margin:0 auto;
  padding-left:var(--margin-lat);
  padding-right:var(--margin-lat);
}
.container--read{
  max-width:calc(var(--content-read) + var(--margin-lat)*2);
}

section{
  width:100%;
  padding-block:var(--s-8);
}
@media (max-width:640px){
  section{padding-block:var(--s-6)}
}

/* Fundo por section */
[data-bg="linen"]{background:var(--linen);color:var(--iron)}
[data-bg="bone"]{background:var(--bone);color:var(--iron)}
[data-bg="obsidian"]{background:var(--obsidian);color:var(--linen)}
[data-bg="obsidian"] .lede{color:var(--bone)}
[data-bg="obsidian"] a:focus-visible{outline-color:var(--linen)}

/* Stack helpers */
.stack-1>*+*{margin-top:var(--s-1)}
.stack-2>*+*{margin-top:var(--s-2)}
.stack-3>*+*{margin-top:var(--s-3)}
.stack-4>*+*{margin-top:var(--s-4)}
.stack-5>*+*{margin-top:var(--s-5)}
.stack-6>*+*{margin-top:var(--s-6)}