*{margin:0;padding:0;box-sizing:border-box}
body{background:#fff}
a{color:#000;text-decoration:none}
hr{color:#fafafa;text-decoration:none}

.wrap{
    width:100%;
    max-width:768px;
    margin:0 auto;
    padding:21px;
	font-family: sans-serif;
	font-size: 14px;
	line-height:1.4;
}

header{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    margin-bottom:21px;
}
nav a{margin-left:21px}

/* variante liste (index) */
article.list{
    display:flex;
    justify-content:space-between;
    padding:12px 0;
}
article.list time{white-space:nowrap;}

/* variante texte (article) */
article.text{
    padding:12px 0;
    text-align:justify;
}

img {
  display: block;
  width: 100%;
  max-width: 768px;
  height: auto;
  margin: 12px 0;
}