/* wlala — plain, print-flavored travel blog. White paper, serif text, one red seal. */

* { box-sizing: border-box; }

body {
  max-width: 760px;
  margin: 0 auto;
  padding: 0 20px;
  font-family: Georgia, "Times New Roman", "Songti SC", serif;
  font-size: 17px;
  line-height: 1.7;
  color: #222;
  background: #fff;
}

a { color: #a8271b; }
a:hover { color: #7c1d13; }

/* masthead */
header.masthead {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 26px 0 14px;
  border-bottom: 3px double #bbb;
  margin-bottom: 8px;
}
.seal { width: 44px; height: 44px; flex: none; }
.masthead .name { font-size: 30px; font-weight: 700; letter-spacing: 1px; color: #222; text-decoration: none; }
.masthead .tag { color: #777; font-size: 14px; margin-top: 2px; }
.masthead .head-text { line-height: 1.2; }

nav.top {
  font-size: 14.5px;
  padding: 10px 0 0;
  color: #999;
}
nav.top a { margin-right: 16px; }

h1 { font-size: 34px; line-height: 1.25; margin: 26px 0 10px; }
h2 {
  font-size: 25px;
  line-height: 1.3;
  margin: 60px 0 4px;
  padding-top: 26px;
  border-top: 1px solid #e4e4e4;
}
h2 + p.section-note { color: #666; margin-top: 6px; }
h3 { font-size: 21px; margin: 10px 0 8px; }

article.place { margin: 40px 0 48px; }

img { max-width: 100%; height: auto; display: block; }
.cap {
  font-size: 13.5px;
  color: #888;
  font-style: italic;
  margin: 7px 0 16px;
}

.book {
  border: 1px solid #ddd;
  border-left: 4px solid #a8271b;
  padding: 10px 14px;
  margin: 18px 0 0;
  font-size: 15.5px;
  background: #fcfbf9;
}

.kit-list { padding-left: 20px; }
.kit-list li { margin: 8px 0; }

.deal {
  border: 1px solid #ddd;
  padding: 14px 16px;
  margin: 16px 0;
}
.deal p { margin: 6px 0; }
.deal .zh { color: #555; }

hr.sep { border: 0; border-top: 1px solid #e4e4e4; margin: 48px 0; }

footer {
  margin: 70px 0 48px;
  padding-top: 18px;
  border-top: 3px double #bbb;
  font-size: 14px;
  color: #666;
}
footer p { margin: 8px 0; }

table.credits { border-collapse: collapse; width: 100%; font-size: 15px; }
table.credits td, table.credits th { border: 1px solid #e0e0e0; padding: 8px 10px; text-align: left; }

@media (max-width: 480px) {
  body { font-size: 16px; }
  h1 { font-size: 28px; }
  .masthead .name { font-size: 26px; }
}