/* v1.5.300: second-issue editorial spacing and compact announcement presentation. */
body:is(.hm-second-issue, .hm-third-issue, .hm-fourth-issue, .hm-fifth-issue, .hm-sixth-issue) { --hm-body-leading: 1.75; }
body:is(.hm-second-issue, .hm-third-issue, .hm-fourth-issue, .hm-fifth-issue, .hm-sixth-issue) #content { padding-bottom: 0; }
body:is(.hm-second-issue, .hm-third-issue, .hm-fourth-issue, .hm-fifth-issue, .hm-sixth-issue) #content .hm-post-article { padding-bottom: 24px; margin-bottom: 0; }
body:is(.hm-second-issue, .hm-third-issue, .hm-fourth-issue, .hm-fifth-issue, .hm-sixth-issue) #content .hm-post-content { display: flow-root; }
body:is(.hm-second-issue, .hm-third-issue, .hm-fourth-issue, .hm-fifth-issue, .hm-sixth-issue) #content .hm-post-content > p { margin: 0 0 1em; }
body:is(.hm-second-issue, .hm-third-issue, .hm-fourth-issue, .hm-fifth-issue, .hm-sixth-issue) #content .hm-post-content > :last-child { margin-bottom: 0; }

body.hm-second-issue #content .hm-anniversary-x-post--compact {
  box-sizing: border-box;
  width: min(100%, 459px);
  margin: 20px auto 24px;
  padding: 8px;
  border: 1px solid #d8dce1;
  border-radius: 2px;
  background: #fff;
  overflow: hidden;
}
.hm-anniversary-x-post__tweet,
.hm-anniversary-x-post__poster { position: relative; overflow: hidden; }
.hm-anniversary-x-post__tweet { width: 100%; aspect-ratio: 455 / 208; }
.hm-anniversary-x-post__poster {
  width: 50.989011%;
  aspect-ratio: 232 / 364;
  margin: 8px 0 0 14.505495%;
}
body.hm-second-issue #content .hm-anniversary-x-post--compact img {
  position: absolute;
  display: block;
  max-width: none;
  height: auto;
  margin: 0;
  border: 0;
  border-radius: 0;
}
body.hm-second-issue #content .hm-anniversary-x-post__tweet img {
  width: 100.879121%;
  left: -0.43956%;
  top: -2.884615%;
}
body.hm-second-issue #content .hm-anniversary-x-post__poster img {
  width: 197.844828%;
  left: -29.310345%;
  top: -82.417582%;
}

/* Typeset thumbnail: keep all three facts legible at the existing 88 x 60 card size. */
.hm-story-row .hm-anniversary-card {
  box-sizing: border-box;
  display: flex;
  flex: 0 0 88px;
  width: 88px;
  height: 60px;
  padding: 4px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  border: 1px solid #eadbd3;
  border-radius: 3px;
  color: #a32e24;
  background: #fffaf5;
  font-family: "Noto Sans JP", "Yu Gothic", Meiryo, sans-serif;
  font-weight: 700;
  letter-spacing: 0;
  text-align: center;
  line-height: 1;
  white-space: nowrap;
}
.hm-story-row .hm-anniversary-card__title { display: block; font-size: 10px; line-height: 1; }
.hm-story-row .hm-anniversary-card__title b { font-size: 22px; margin: 0 1px; }
.hm-story-row .hm-anniversary-card__offer { display: block; font-size: 8px; line-height: 1.2; }
.hm-story-row .hm-anniversary-card__date { display: block; font-size: 9px; line-height: 1; color: #68452f; }
@media (max-width: 620px) {
  .hm-story-row .hm-anniversary-card { flex-basis: 72px; width: 72px; height: 52px; padding: 3px; gap: 2px; }
  .hm-story-row .hm-anniversary-card__title { font-size: 9px; }
  .hm-story-row .hm-anniversary-card__title b { font-size: 18px; }
  .hm-story-row .hm-anniversary-card__offer { font-size: 7.5px; }
}

.hm-story-row .hm-thanks-card {
  box-sizing:border-box; display:flex; flex:0 0 88px; width:88px; height:60px;
  flex-direction:column; justify-content:center; align-items:center; gap:4px;
  background:#fffaf5; color:#a32e24; border:1px solid #eadbd3; border-radius:3px;
  font:11px/1 "Yu Mincho",serif;
}
.hm-thanks-card b {font:normal 29px/1 Georgia,serif;margin-right:2px}
.hm-thanks-card span:last-child {font-size:10px;line-height:1.3;letter-spacing:1px;padding-top:3px;border-top:1px solid #eadbd3}
.hm-issue .hm-story-hero { aspect-ratio:23/10; }
.hm-issue .hm-story-hero img { position:static; display:block; width:100%; height:100%; object-fit:cover; }
.hm-issue .issue-body .hm-article-photo { width:62%; margin:24px auto 28px; }
.hm-issue .hm-article-photo img { display:block; width:100%; height:auto; }
.hm-issue .issue-body .hm-photo-group { width:100%; display:grid; grid-auto-flow:column; grid-auto-columns:minmax(0,1fr); gap:8px; align-items:center; }
@media(max-width:620px){
  .hm-issue .issue-body .hm-article-photo { margin-block:20px 24px; }
  .hm-issue .issue-body .hm-photo-group { gap:5px; }
}
@media(max-width:620px){
  .hm-story-row .hm-thanks-card {flex-basis:72px;width:72px;height:52px;gap:3px}
  .hm-thanks-card b {font-size:25px}
  .hm-thanks-card span:last-child {font-size:9px}
}

.hm-issue .issue-body .hm-drink-selection { width:100%; margin:22px 0; }
.hm-issue .hm-drink-selection img { display:block; width:100%; height:auto; }

/* Use one text column for both article templates. */
body.hm-first-issue #content.hm-issue,
body.hm-second-issue #content .hm-post-article {
  box-sizing: border-box;
  width: 100%;
  max-width: min(860px, calc(768px + 2 * clamp(16px, 4vw, 46px)));
  margin-inline: auto;
  padding-inline: clamp(16px, 4vw, 46px);
}
body.hm-second-issue #content .hm-post-content,
body.hm-second-issue #content .page-title {
  width: 100%;
  max-width: none;
  padding-inline: 0;
  margin-inline: 0;
}

/* v1.5.331: archived anniversary announcement. */
.hm-second-issue .hm-event-ended{padding:12px 16px;border-left:3px solid #9b765e;background:#f7f3ed;color:#635041;font-size:15px;}
