/* ビザールプランツ市場レポート ブログ共通スタイル */
.post-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 18px;
  font-family: var(--font-mono);
  font-size: .82rem;
  color: var(--muted);
  margin-bottom: 12px;
}

.article h1 {
  margin: 0 0 18px;
  font-size: clamp(1.5rem, 3.2vw, 2.2rem);
  line-height: 1.45;
}

.article-eyecatch {
  margin: 0 0 20px;
}
.article-eyecatch img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
  border: 1px solid var(--line);
  max-width: 100%;
}

.article-content h2 {
  position: relative;
  margin: 2.2em 0 .9em;
  padding: 4px 0 4px 24px;
  font-size: clamp(1.24rem, 2.1vw, 1.55rem);
  scroll-margin-top: calc(var(--header-h) + 20px);
}
.article-content h2::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 14px;
  height: 14px;
  background: var(--surface);
  border: 1px solid var(--accent);
  border-bottom-right-radius: 16px;
  transform: rotate(-45deg);
}
.article-content h2::after {
  content: "";
  position: absolute;
  left: 11px;
  top: 4px;
  bottom: 4px;
  width: 4px;
  background: var(--accent-2);
}

.article-content h3 {
  margin: 1.6em 0 .5em;
  font-size: 1.08rem;
  padding-bottom: 6px;
  background: linear-gradient(var(--line), var(--line)) bottom / 100% 1px no-repeat;
}

.article-content p { margin: 0 0 1.3em; }
.article-content ul, .article-content ol { margin: 0 0 1.4em; padding-left: 1.4rem; }
.article-content li { margin-bottom: .5em; }

.share-box { margin: 30px 0 20px; padding: 16px 18px; background: #eef2e6; border: 1px solid var(--line); border-radius: 10px; }
.share-box h2 { margin: 0 0 10px; font-size: 1.02rem; }
.share-links { display: flex; flex-wrap: wrap; gap: 10px; }
.share-links a { display: inline-block; padding: 8px 16px; background: var(--accent); color: #fff; border-radius: 8px; font-size: .85rem; text-decoration: none; }
.share-links a:hover { background: var(--accent-2); color: #fff; }

.amazon-banner {
  margin: 18px auto;
  max-width: 468px;
  padding: 12px 16px;
  background: var(--surface);
  border: 1px dashed var(--accent-2);
  border-radius: 8px;
  text-align: center;
  font-size: .88rem;
}
.amazon-banner a { color: var(--accent-deep); font-weight: 700; text-decoration: none; }

/* ブログ一覧のカード */
.blog-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.blog-card { background: var(--surface); border: 1px solid var(--line); border-radius: 10px; padding: 16px 16px 18px; }
.blog-card img { display: block; width: 100%; height: auto; border-radius: 8px; max-width: 100%; }
.blog-card-date { font-family: var(--font-mono); font-size: .78rem; color: var(--accent-2-deep); margin: 10px 0 4px; }
.blog-card h2 { margin: 0 0 8px; font-size: 1.02rem; }
.blog-card h2 a { color: var(--ink); text-decoration: none; }
.blog-card h2 a:hover { color: var(--accent-deep); text-decoration: underline; }
.blog-card-summary { font-size: .86rem; line-height: 1.8; color: #45503a; margin: 0 0 10px; }
.blog-card-more a { font-size: .85rem; font-weight: 700; }
@media (max-width: 860px) { .blog-cards { grid-template-columns: 1fr; } }

/* モバイルの本文余白（チェックリスト必須行） */
@media (max-width: 768px){ .article-content { padding-left: 16px; padding-right: 16px; } }

/* ADSENSE-ANNO:BEGIN */
/* Neutralize Google AdSense auto-annotation links that break text flow */
a.google-anno,
a[data-google-vignette] {
  color: inherit !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
  pointer-events: none;
  cursor: text;
}
/* ADSENSE-ANNO:END */