/* マンガ書庫ナビ ブログ専用スタイル
   共通レイアウト（ヘッダー/フッター/コンテナ/サイドバー/blog-cards等）は
   ../styles.css に定義済みのため、ここでは重複させない。 */

/* サイドバーに直接埋め込むアフィリエイトバナー（misc/banners/ プール） */
.amazon-banner{margin:0 0 22px}
.amazon-banner>a{display:block;background:var(--white);border:2px dashed var(--gold);border-radius:4px;padding:14px 16px;text-decoration:none}
.amazon-banner>a>div{font-size:.82rem;line-height:1.6;color:var(--vermillion-dark);font-weight:700}
.amazon-banner img{display:inline;width:1px;height:1px}

.sidebar-banner{margin:0 0 22px;text-align:center}
.sidebar-banner .pr-label{display:block;font-size:.62rem;letter-spacing:.14em;color:var(--muted);margin-bottom:8px}

/* 記事共有ボックス */
.share-box p{display:flex;gap:14px;flex-wrap:wrap}
.share-box a{display:inline-block;background:var(--vermillion-dark);color:#fff;padding:9px 18px;border-radius:3px;font-size:.84rem;text-decoration:none}
.share-box a:hover{background:var(--vermillion);color:#fff}

@media(max-width:420px){
  .amazon-banner>a{padding:12px}
}