*{box-sizing:border-box}
body{
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  color:#111;
  background:#fff;
  line-height:1.55;
}
.container{
  max-width:760px;
  margin:0 auto;
  padding:24px 14px 60px;
}
.header{
  border-bottom:2px solid #111;
  padding-bottom:14px;
  margin-bottom:28px;
}
.logo{
  font-size:32px;
  font-weight:800;
  color:#111;
  text-decoration:none;
  letter-spacing:-1.5px;
}
.tagline{
  color:#555;
  margin-top:2px;
}
.nav{
  margin-top:12px;
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  font-size:14px;
}
.nav a{color:#111}
h1{
  font-size:42px;
  line-height:1;
  letter-spacing:-2px;
  margin:0 0 12px;
}
h2{
  font-size:24px;
  border-bottom:1px solid #ccc;
  padding-bottom:6px;
  margin:34px 0 12px;
}
p{margin:0 0 12px}
.note{
  border:1px solid #111;
  background:#fafafa;
  padding:12px;
  margin:20px 0;
}
.story{
  border-bottom:1px solid #ddd;
  padding:18px 0;
}
.story h3{
  font-size:22px;
  line-height:1.15;
  margin:0 0 6px;
}
.story h3 a{
  color:#111;
  text-decoration:none;
}
.story h3 a:hover{text-decoration:underline}
.meta{
  color:#666;
  font-size:13px;
  margin-bottom:8px;
}
.summary{
  margin:8px 0 8px 18px;
  padding:0;
}
.summary li{margin-bottom:4px}
a{color:#00e}
.footer{
  border-top:2px solid #111;
  margin-top:42px;
  padding-top:14px;
  color:#555;
  font-size:14px;
}
input,textarea{
  width:100%;
  border:1px solid #111;
  padding:10px;
  font:inherit;
  margin:6px 0 10px;
}
button,.button{
  display:inline-block;
  border:1px solid #111;
  background:#111;
  color:#fff;
  padding:9px 12px;
  font:inherit;
  text-decoration:none;
  cursor:pointer;
}
.button.secondary{
  background:#fff;
  color:#111;
}
.comment{
  border-top:1px solid #ddd;
  padding:10px 0;
}
@media(max-width:620px){
  h1{font-size:34px}
  .logo{font-size:28px}
}