/* 道具資料：分類按鈕與精簡卡片（沿用怪獸頁按鈕樣式） */


body > main .cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important}
body > main .item-card{padding:16px 18px!important;display:flex;flex-direction:row;gap:14px;justify-content:flex-start;min-height:150px;height:100%}
body > main .item-card h3{margin:0!important;font-size:17px!important}
body > main .item-card .description{margin:0!important;font-size:13px!important;line-height:1.75!important;color:var(--muted)}
.item-kind{align-self:flex-start;font-size:12px;padding:1px 9px;border-radius:999px;border:1px solid rgba(201,173,156,.28);color:var(--muted)}
.item-monster{font-size:13px;color:var(--gold);text-decoration:none;margin-top:auto}
.item-monster:hover{text-decoration:underline}
body > main .item-card.is-compact{padding:12px 14px!important}
body > main .item-card.is-compact h3{font-size:15px!important}
body > main .item-card.is-compact .description{font-size:12px!important}
@media(max-width:640px){.item-filters .filter-chip{flex:none}}

body > main section.hero{padding-bottom:0!important}
body > main section.catalog{border-top:0!important;padding-top:0!important;margin-top:0!important}
body > main .resultline{border-bottom:0!important;padding-bottom:0!important}

body > main .hero label.search{margin-bottom:0!important}
body > main .hero .filter-panel{margin-top:18px!important}


body > main .item-card{flex-direction:row!important;align-items:center!important;gap:14px!important}
body > main .item-body{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0;flex:1;text-align:left}
body > main .item-image-slot{width:88px;height:88px;display:grid;place-items:center;align-self:center;flex:none}
body > main .item-image-slot.is-missing{border:1px dashed rgba(225,174,133,.3);border-radius:12px;background:rgba(225,174,133,.04)}
body > main .item-icon-missing{color:var(--muted);font-size:11px;letter-spacing:.04em}
body > main .item-card.is-compact .item-image-slot{width:82px;height:82px}
body > main .item-card img.item-icon{margin:auto;align-self:center}
body > main .item-card .item-kind{align-self:flex-start}
body > main .item-card.is-compact{align-items:center}
body > main .item-card.is-compact{min-height:138px!important;height:100%!important;padding:12px 14px!important}body > main .item-card.is-compact .item-monster{margin-top:auto}body > main .cards{align-items:stretch}