/* ════ IROHA 保存版ガイド：カード（assets/js/iroha-guides.js が出力する .ig-card） ════ */
.ig-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.ig-card{position:relative;display:flex;flex-direction:column;color:inherit;text-decoration:none;background:#fff;border:1px solid #eedde2;border-radius:22px;overflow:hidden;box-shadow:0 12px 34px -18px rgba(104,63,78,.22);transition:transform .2s,box-shadow .2s}
.ig-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -18px rgba(104,63,78,.3)}
.ig-card:focus-visible{outline:3px solid #b3456a;outline-offset:3px}
.ig-card__thumb{position:relative;display:block;aspect-ratio:16/9;background:linear-gradient(135deg,#fdf1f4,#eef4f8)}
.ig-card__thumb img{display:block;width:100%;height:100%;object-fit:cover}
.ig-card__label{position:absolute;top:12px;left:12px;padding:4px 14px;border-radius:99px;background:#724354;color:#fff;font-family:var(--sans,sans-serif);font-size:.7rem;font-weight:800;letter-spacing:.14em;box-shadow:0 6px 16px -8px rgba(114,67,84,.7)}
.ig-card__body{display:flex;flex:1;flex-direction:column;gap:10px;padding:18px 18px 20px;font-size:.8rem;line-height:1.85;color:#5f6c69}
.ig-card__cat{align-self:flex-start;color:#b3456a;background:#fff0f4;border-radius:99px;padding:2px 12px;font-size:.7rem;font-weight:700}
.ig-card strong{color:#724354;font-family:var(--serif,serif);font-size:1rem;font-weight:600;line-height:1.6}
.ig-card__summary{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ig-card__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 10px;margin-top:auto;padding-top:6px}
.ig-card__foot small{color:#8a7a80;font-size:.7rem;white-space:nowrap}
.ig-card__foot b{color:#b3456a;font-size:.76rem;white-space:nowrap}
.ig-more{margin:26px 0 0;text-align:center}
.ig-more a{display:inline-flex;align-items:center;gap:.3em;padding:10px 26px;border:1px solid #b3456a;border-radius:99px;color:#b3456a;background:#fff;font-weight:700;font-size:.86rem;text-decoration:none;transition:background .2s,color .2s}
.ig-more a:hover{background:#b3456a;color:#fff}
/* PC：1段4件／小さめの画面：3件／タブレット：2件／スマホ：1件 */
@media(max-width:1100px){.ig-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.ig-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.ig-grid{grid-template-columns:1fr;gap:16px}}
@media(prefers-reduced-motion:reduce){.ig-card{transition:none}.ig-card:hover{transform:none}}
/* 記事が1〜2件のうちは中央寄せにして、片側に寄って見えないようにする */
@media(min-width:601px){
  .ig-grid:has(> .ig-card:only-child){grid-template-columns:minmax(0,400px);justify-content:center}
  .ig-grid:has(> .ig-card:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,400px));justify-content:center}
}
/* data-collapse を付けた一覧は1段分だけ表示し、残りは「もっと見る」で開く（PC4件／小さめ3件／タブレット2件×2段／スマホ3件） */
.ig-grid[data-collapse]:not(.is-expanded)>.ig-card:nth-child(n+5){display:none}
@media(max-width:1100px){.ig-grid[data-collapse]:not(.is-expanded)>.ig-card:nth-child(n+4){display:none}}
@media(min-width:601px) and (max-width:900px){.ig-grid[data-collapse]:not(.is-expanded)>.ig-card:nth-child(4){display:flex}}
.ig-show-more{display:flex;justify-content:center;margin-top:22px}
.ig-show-more[hidden]{display:none}
.ig-show-more button{padding:10px 28px;border:1px solid #b3456a;border-radius:99px;background:#fff;color:#b3456a;font:inherit;font-weight:700;font-size:.86rem;cursor:pointer;transition:background .2s,color .2s}
.ig-show-more button:hover{background:#b3456a;color:#fff}
/* ── 一覧ページの検索・絞り込み（data-iroha-guides-filter）── */
.ig-filter{max-width:980px;margin:0 auto 30px;padding:22px 24px;background:#fff;border:1px solid #eedde2;border-radius:22px;box-shadow:0 12px 34px -24px rgba(104,63,78,.25)}
.ig-filter__search{display:flex;flex-direction:column;gap:8px;margin:0 0 16px}
.ig-filter__search label{color:#724354;font-weight:700;font-size:.84rem}
.ig-filter__search input{width:100%;box-sizing:border-box;padding:12px 16px;border:1.5px solid #eedde2;border-radius:14px;background:#fffafb;font:inherit;font-size:16px;color:#3f3338}
.ig-filter__search input:focus{outline:none;border-color:#b3456a;box-shadow:0 0 0 3px rgba(179,69,106,.15)}
.ig-filter__row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}
.ig-filter__label{flex:0 0 100%;color:#8a7a80;font-size:.72rem;font-weight:700;letter-spacing:.06em}
.ig-chip{padding:6px 14px;border:1px solid #eedde2;border-radius:99px;background:#fff;color:#724354;font:inherit;font-size:.78rem;font-weight:700;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.ig-chip:hover{border-color:#b3456a}
.ig-chip[aria-pressed="true"]{background:#b3456a;border-color:#b3456a;color:#fff}
.ig-chip:focus-visible{outline:3px solid #b3456a;outline-offset:2px}
.ig-filter__count{margin:14px 0 0;color:#8a7a80;font-size:.76rem}
.ig-filter__empty{grid-column:1/-1;margin:10px 0;text-align:center;color:#5f6c69;font-size:.86rem;line-height:1.9}
@media(max-width:600px){.ig-filter{padding:18px 16px;border-radius:18px}}
.ig-card__tags{display:flex;flex-wrap:wrap;gap:6px}
.ig-card__review{color:#8a5a00;background:#fdf3df;border-radius:99px;padding:2px 12px;font-size:.7rem;font-weight:700}
.ig-card__name{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:44px 20px 16px;color:#724354;font-family:var(--serif,serif);font-size:1.15rem;font-weight:600;line-height:1.5;text-align:center}