/* works.html のページ内 <style> 1ブロックを結合（design版の出現順を保持）
   2026-09-17 再生成: 旧スクリプトがHTMLコメント内の文字列をタグと誤認し、
   コメントの残骸をCSSへ混入させていたため作り直した。 */
.works-filter{margin:0 0 var(--sp-4);}  /* 20261020q 共通の絞り込み（biz-c1-dark.css .bz-filter）へ。上の余白 40px を外す＝見出しの下から 64px */
.filter-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px;}
.filter-row__label{font-size:12px;color:var(--c-text-note);letter-spacing:.1em;margin-right:4px;min-width:64px;}
.chip{font-size:13px;letter-spacing:.04em;color:var(--c-text-sub);background:var(--c-bg-sub);border:1px solid var(--c-line);padding:8px 16px;border-radius:999px;cursor:pointer;transition:all .18s;}
.chip:hover{border-color:var(--c-text-sub);}
.chip.is-active{background:var(--c-accent);color:var(--c-primary-ink);border-color:var(--c-accent);}
/* [20261027x] ディレクター指摘「タイトル下のマージンがないため、その下の別物件の画像のタイトルのように見える」。縦の間隔だけ 20px→64px（--sp-5）。横は --grid-gap のまま */
.works-grid{display:grid;gap:var(--sp-5) var(--grid-gap);grid-template-columns:1fr;margin-top:var(--sp-4);}
.work-card{text-decoration:none;display:block;}
.work-card__meta{display:flex;gap:8px;align-items:center;margin:12px 0 8px;flex-wrap:wrap;}
.work-card__type{color:var(--c-text);border:1px solid var(--c-line-dark);padding:2px 10px;letter-spacing:.12em;border-radius:999px;}  /* 2026-10-20 楕円に戻す（ほかの札と統一）tag 20261020o */
.work-card__t{font-size:16px;line-height:1.7;color:var(--c-text);}
.work-card__d{font-size:13px;color:var(--c-text-sub);margin-top:6px;line-height:1.8;}
@media(min-width:600px){ .works-grid{grid-template-columns:1fr 1fr;} }
@media(min-width:1000px){ .works-grid{grid-template-columns:repeat(3,1fr);} }
/* 業種フィルタの絞り込みが効いていなかった不具合の修正（2026-08-09 tag 20260809d）。
   biz-page.js は非該当カードに hidden 属性を立てるが、UA既定の [hidden]{display:none} は
   作成者スタイルの .work-card{display:block} に上書きされるため見た目が変わらなかった。
   同じ作成者スタイル内で [hidden] を明示して打ち消す。 */
.work-card[hidden]{display:none;}
/* 「さらに見る」＝下方向への追加読み込み（2026-08-09 tag 20260809d） */
.work-card.is-stashed{display:none;}
.works-more{margin-top:var(--sp-4);display:flex;justify-content:center;}
button.btn{font-family:inherit;cursor:pointer;}
@media(max-width:767px){ #biz-works-more{width:100%;} }
@keyframes bizWorkCardIn{ from{opacity:0;transform:translateY(10px);} to{opacity:1;transform:none;} }
.work-card.is-appearing{animation:bizWorkCardIn .5s cubic-bezier(.22,.61,.36,1) both;}
@media(prefers-reduced-motion:reduce){ .work-card.is-appearing{animation:none;} }

/* ===== 2026-09-17 wp-engineer 追加（design版に無いブロック） =====
   業種チップは design版のJS判定用<button data-filter>から、住宅側と同じ方式（タクソノミー
   アーカイブへの<a>遷移）へ差し替えた（inc/works-archive.php）。.chip の見た目は既存のまま
   流用するが、<a>化にともないブラウザ既定の下線だけを打ち消す。 */
.chip{text-decoration:none;display:inline-block;}

/* 「さらに見る」フォールバック用ページ送り（JS無効環境・クローラー向け）。
   the_posts_pagination()/paginate_links() 由来の <ul class="page-numbers"> に専用CSSが無いと
   素の箇条書き（黒丸付き）が露出するため、住宅 works-archive.css の実装に揃えて控えめな見た目にする。 */
.works-pagination .screen-reader-text{
  border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;
  margin:-1px;overflow:hidden;padding:0;position:absolute;word-wrap:normal!important;
}
.works-pagination{max-width:980px;margin:40px auto 0;text-align:center;}
.works-pagination[hidden]{display:none;}
.works-pagination ul.page-numbers{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:0;margin:0;}
.works-pagination .page-numbers{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:36px;height:36px;padding:0 8px;
  border:1px solid var(--c-line-dark);font-family:var(--ff-en);font-size:13px;
  text-decoration:none;color:var(--c-text-sub);
}
.works-pagination a.page-numbers:hover{background:var(--c-bg-sub);color:var(--c-text);}
.works-pagination .page-numbers.current{background:var(--c-accent);color:var(--c-primary-ink,#1a1a1a);border-color:var(--c-accent);}
.works-pagination .page-numbers.dots{border:0;}

/* #biz-works-more-foot は既定 hidden（PHP側属性）。JS有効時のみ works-archive.js が外す。 */
#biz-works-more-foot[hidden]{display:none;}