/* 割れた器の市（サイト表示）。クラス名は ks-market- のみ。テーマの変数があれば使う */
.ks-market { --m-ink: var(--ks-ink, #1c1a17); --m-line: var(--ks-line, #e2ddd4); --m-gold: var(--ks-gold, #b08d3f); --m-pale: var(--ks-gold-pale, #f0e5cd); --m-muted: #5b544c; margin: 24px 0; }
.ks-market__title { font-size: 22px; margin: 0 0 6px; }
.ks-market__lead, .ks-market__empty { color: var(--m-muted); font-size: 14px; margin: 0 0 14px; }
.ks-market__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 12px; }
.ks-market__card { display: block; background: #fff; border: 1px solid var(--m-line); border-radius: 10px; overflow: hidden; color: var(--m-ink); text-decoration: none; }
.ks-market__card:hover { border-color: var(--m-gold); }
.ks-market__img { aspect-ratio: 4 / 3; background: #2a2521; display: flex; align-items: center; justify-content: center; color: #9a9086; font-size: 12px; }
.ks-market__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ks-market__body { padding: 10px 12px 12px; }
.ks-market__chip { display: inline-block; font-size: 11px; padding: 3px 8px; border-radius: 999px; border: 1px solid var(--m-line); color: var(--m-muted); background: #fff; margin: 0 4px 6px 0; }
.ks-market__chip.is-give { background: var(--m-pale); border-color: #d8bd7f; color: #7a5f1f; }
.ks-market__name { font-size: 14px; font-weight: 600; margin: 2px 0 4px; line-height: 1.45; }
.ks-market__meta { font-size: 12.5px; color: var(--m-muted); margin: 0; }
.ks-market__meta b { color: var(--m-ink); }
.ks-market__more { margin: 14px 0 0; font-size: 14px; }
.ks-market__more a { color: var(--m-gold); text-decoration: underline; }

/* タイムライン・質問・アプリボタン（2026-09-19） */
.ks-qlist { list-style: none; margin: 0; padding: 0; border: 1px solid var(--m-line); border-radius: 10px; background: #fff; }
.ks-qlist__item + .ks-qlist__item { border-top: 1px solid var(--m-line); }
.ks-qlist__item a { display: flex; gap: 12px; align-items: center; padding: 12px 14px; color: var(--m-ink); text-decoration: none; }
.ks-qlist__item a:hover { background: #fbf9f4; }
.ks-qlist__img { width: 56px; height: 56px; object-fit: cover; border-radius: 8px; flex: none; }
.ks-qlist__body { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.ks-qlist__title { font-size: 15px; font-weight: 600; line-height: 1.45; }
.ks-qlist__meta { font-size: 12.5px; color: var(--m-muted); }
.ks-appbtn { --m-gold: var(--ks-gold, #b08d3f); margin: 22px 0; padding: 16px; border: 1px solid #d8bd7f; border-radius: 10px; background: var(--ks-gold-pale, #f0e5cd); display: flex; flex-direction: column; gap: 6px; align-items: flex-start; }
.ks-appbtn__btn { display: inline-block; background: var(--m-gold); color: #1c1a17; font-weight: 600; padding: 12px 18px; border-radius: 8px; text-decoration: none; }
.ks-appbtn__btn:hover { opacity: .9; }
.ks-appbtn__note { font-size: 12.5px; color: #5b544c; }

/* 完成作品 */
.ks-works__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px; }
.ks-works__card { display: block; background: #fff; border: 1px solid var(--m-line); border-radius: 10px; overflow: hidden; color: var(--m-ink); text-decoration: none; }
.ks-works__card:hover { border-color: var(--m-gold); }
.ks-works__ba { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; background: #2a2521; }
.ks-works__ba figure { margin: 0; position: relative; aspect-ratio: 1; display: flex; align-items: center; justify-content: center; color: #9a9086; font-size: 12px; }
.ks-works__ba img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ks-works__ba figcaption { position: absolute; left: 8px; top: 8px; background: rgba(42,37,33,.78); color: #fff; font-size: 10px; letter-spacing: .12em; padding: 3px 8px; border-radius: 6px; }
.ks-works__ba figcaption.is-after { color: #e9cf8b; }
.ks-works__review { font-size: 12.5px; color: var(--m-muted); margin: 6px 0 0; line-height: 1.6; }