:root{--bg:#e6e7e8;--fg:#000;--line:#28303d}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font-family:'Poppins',-apple-system,'Helvetica Neue',sans-serif;font-weight:200;font-size:1.25rem;line-height:1.7}
a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{text-decoration-style:dotted}
img{max-width:100%;height:auto}
strong,b{font-weight:400}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px}
header.site{display:flex;justify-content:space-between;align-items:flex-start;max-width:1240px;margin:0 auto;padding:60px 40px 30px}
header.site .logo img{width:auto;height:60px;display:block}
header.site nav a{margin-left:24px;font-size:1.05rem;text-decoration:none}
header.site nav a[aria-current]{text-decoration:underline}
main{max-width:610px;margin:0 auto;padding:0 20px 60px}
.wide{max-width:1240px;margin:0 auto;padding:0 40px}
hr{border:0;border-bottom:1px solid var(--line);margin:50px 0}
.titre{display:block;margin:0 auto;width:500px}
.pullquote{border-top:3px solid var(--line);border-bottom:3px solid var(--line);text-align:center;font-size:1.65rem;line-height:1.35;padding:40px 0;margin:30px 0 40px}
.pullquote:before{content:'\201C';display:block;font-size:2.5rem;line-height:1}
.small{font-size:1rem}.xsmall{font-size:.85rem}.center{text-align:center}
.cover{display:block;border:1px solid var(--line)}
iframe{display:block;width:100%;border:0;margin:24px 0}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:900px;margin:30px auto 0;padding:0 20px}
.grid a{text-decoration:none;font-size:.9rem;line-height:1.3}
.grid img{display:block;border:1px solid var(--line);margin-bottom:6px}
.post h1,.list h2{font-weight:200;font-size:2.5rem;line-height:1.2;margin:40px 0 20px}
.list article{padding:40px 0;border-bottom:1px solid var(--line)}
.list h2{font-size:2rem;margin:0 0 16px}
.list h2 a{text-decoration:underline;text-decoration-thickness:1px}
.list .meta,.post .meta{font-size:.8rem}
.list .row{display:grid;grid-template-columns:160px 1fr;gap:24px;align-items:start}
.list .row img{border:1px solid var(--line)}
.post figure{margin:0 0 24px}.post figure img{border:1px solid var(--line);display:block}
.subscribe{display:flex;justify-content:center;gap:14px;margin:24px 0}
.subscribe img{width:40px;height:40px;display:block}
.mt{display:grid;gap:30px;align-items:center;margin:40px 0}
.mt.l{grid-template-columns:39% 1fr}.mt.r{grid-template-columns:1fr 42%}
.mt figure{margin:0}
.mt p{font-size:1rem}
.wide-main{max-width:1000px}
footer.site{max-width:1240px;margin:0 auto;padding:30px 40px 60px;border-top:3px solid var(--line);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;font-size:.9rem}
footer.site .social a{margin-right:16px;display:inline-block}
@media (max-width:700px){
 body{font-size:1.1rem}
 header.site{padding:30px 16px 20px}
 header.site .logo img{height:48px}
 header.site nav a{margin-left:16px}
 main{padding:0 16px 40px}
 .titre{width:100%}
 .pullquote{font-size:1.3rem}
 .grid{grid-template-columns:repeat(2,1fr);padding:0 16px}
 .post h1{font-size:2rem}.list h2{font-size:1.6rem}
 .list .row{grid-template-columns:1fr}
 .mt.l,.mt.r{grid-template-columns:1fr}
 .mt.r figure{order:-1}
 footer.site{padding:24px 16px 40px}
}