/* アイテムページのメディア(画像・ビューア)を中央寄せ */
.media-embeds,
.media-embed,
.media-render {
    text-align: center;
}

.media-render img,
.media-embed img {
    display: block;
    margin: 0 auto;
}

/* リンク・ボタンをDHASHティールに */
a { color: #459C9F; }
a:hover, a:focus { color: #367D80; }
.button { background-color: #459C9F; color: #fff; }
.button:hover, .button:focus { background-color: #367D80; }
.button.hollow { background: transparent; color: #459C9F; border: 1px solid #459C9F; }
.button.hollow:hover { color: #367D80; border-color: #367D80; }

/* ナビゲーション背景を白に */
header nav, .top-bar, .top-bar ul, .title-bar { background: #fff; }

/* ヒーローを帯状に */
.hero-banner img { width: 100%; max-height: 400px; object-fit: cover; }

/* ブロック間の余白を広く */
.site-page-content > div, .block { margin-bottom: 3.5rem; }

/* コレクションカードのホバー効果 */
.browse-preview .resource,
.item-set.resource {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    border-radius: 6px;
}
.browse-preview .resource:hover,
.item-set.resource:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

/* ロゴまわりの余白 */
.site-title, header .logo {
    padding: 1rem 0 1rem 1.5rem;
    display: inline-block;
}

/* ナビの青をティールに置き換え */
.menu a,
.top-bar .menu a {
    color: #459C9F;
}
.menu .active > a,
.menu .is-active > a,
.top-bar .menu .active > a {
    background-color: #459C9F;
    color: #fff;
}
.menu a:hover,
.top-bar .menu a:hover {
    color: #367D80;
}

/* 「Item」「Media」「Item set」などのリソース種別チップを非表示 */
body.resource.show #content > h3:first-of-type {
  display: none;
}

/* アイテムページの Media セクション（見出し＋サムネイル一覧）を非表示 */
body.item.show .media-list,
body.item.show #content h3:has(+ .media-list),
body.item.show #content h4:has(+ .media-list) {
  display: none;
}

.resource-title .label {
    display: none !important;
}

/* アイテムセット一覧ページの「Item sets」見出しを非表示 */
body.item-set.browse #content > h1 {
    display: none !important;
}

/* 一覧ページの「Item sets」「Items」見出しを非表示 */
body.item-set.browse #content > h2:first-child,
body.item.browse #content > h2:first-child {
    display: none !important;
}