/* ===== 家づくりコラム一覧（ページ固有） ===== */

    /* カテゴリ丸ボタン */
    .cat-circles {
      display: grid; grid-template-columns: repeat(4, 1fr);
      gap: clamp(16px, 2.4vw, 32px) clamp(12px, 2vw, 28px);
      max-width: 880px; margin: 0 auto;
    }
    .cat-circle { display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; }
    .cat-circle__disc {
      width: clamp(84px, 11vw, 116px); height: clamp(84px, 11vw, 116px);
      border-radius: 50%; background: var(--cream); border: 1px solid var(--line);
      display: grid; place-items: center; color: var(--brown);
      transition: background-color var(--dur) var(--ease-soft), border-color var(--dur) var(--ease-soft), transform .35s var(--ease-out), box-shadow .35s var(--ease-out);
    }
    .cat-circle__disc svg { width: clamp(30px, 3.4vw, 40px); height: clamp(30px, 3.4vw, 40px); }
    .cat-circle:hover .cat-circle__disc {
      background: var(--brown); border-color: var(--brown); color: #fff;
      transform: translateY(-4px); box-shadow: 0 12px 26px rgba(181, 140, 107, .22);
    }
    .cat-circle__label { font-size: 13px; font-weight: 600; line-height: 1.5; color: var(--ink); letter-spacing: .01em; }

    /* タブ */
    .col-tabs {
      display: flex; align-items: stretch; gap: 0;
      border-bottom: 1px solid var(--line); margin-bottom: clamp(28px, 3.4vw, 46px);
    }
    .col-tab {
      display: flex; align-items: center; justify-content: center; flex: 1 1 0; padding: 16px 8px; line-height: 1.4;
      font-size: 15px; font-weight: 500; color: var(--ink-soft);
      position: relative; transition: color var(--dur) var(--ease-soft);
    }
    .col-tab::after {
      content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px;
      background: var(--ink); transform: scaleX(0); transition: transform .4s var(--ease-out);
    }
    .col-tab:hover { color: var(--ink); }
    .col-tab.is-active { color: var(--ink); font-weight: 700; }
    .col-tab.is-active::after { transform: scaleX(1); }

    /* 各カテゴリ見出し（セクション内小見出し） */
    .col-blockhead { margin-bottom: clamp(20px, 2.4vw, 30px); }
    .col-blockhead__jp { font-size: clamp(18px, 2vw, 24px); font-weight: 700; letter-spacing: .04em; color: var(--ink); }

    /* コラムカードの日付アイコン整形（.acard__meta を流用） */
    .acard__cat--tag { display: inline-block; color: var(--brown); font-weight: 600; }

    /* 動画カード（ルームツアー） */
    .video-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(18px, 2vw, 28px); }
    .video-card { position: relative; display: block; overflow: hidden; background: #000; box-shadow: 0 10px 26px rgba(60, 50, 40, .06); }
    .video-card__thumb { display: block; overflow: hidden; aspect-ratio: 16 / 9; }
    .video-card__thumb img { width: 100%; height: 100%; object-fit: cover; opacity: .82; transition: transform .55s var(--ease-out), opacity var(--dur) var(--ease-soft); }
    .video-card:hover .video-card__thumb img { transform: scale(1.05); opacity: .7; }
    .video-card__play {
      position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
      width: 64px; height: 64px; border-radius: 50%; background: rgba(255, 255, 255, .92);
      display: grid; place-items: center; color: var(--ink);
      transition: transform .35s var(--ease-out), background-color var(--dur) var(--ease-soft);
    }
    .video-card:hover .video-card__play { transform: translate(-50%, -50%) scale(1.08); background: #fff; }
    .video-card__play svg { width: 26px; height: 26px; margin-left: 3px; }
    .video-card__cap {
      position: absolute; left: 0; right: 0; bottom: 0; padding: 22px clamp(20px, 2.4vw, 30px);
      background: linear-gradient(to top, rgba(0,0,0,.72), rgba(0,0,0,0));
      color: #fff;
    }
    .video-card__cat { font-size: 12px; letter-spacing: .04em; color: rgba(255,255,255,.82); }
    .video-card__title { margin-top: 6px; font-size: clamp(15px, 1.6vw, 18px); font-weight: 700; line-height: 1.55; }

    /* ページャ */
    .pager { display: flex; justify-content: center; align-items: center; gap: 8px; margin-top: clamp(38px, 4.4vw, 60px); }
    .pager__item {
      min-width: 44px; height: 44px; padding: 0 6px; display: inline-flex; align-items: center; justify-content: center;
      font-family: var(--font-en); font-size: 14px; color: var(--ink);
      background: #fff; border: 1px solid var(--line); border-radius: 8px;
      transition: border-color var(--dur) var(--ease-soft), color var(--dur) var(--ease-soft), background-color var(--dur) var(--ease-soft);
    }
    .pager__item:hover { border-color: var(--brown); color: var(--brown); }
    .pager__item.is-current { background: var(--brown); border-color: var(--brown); color: #fff; font-weight: 600; }
    .pager__item.is-current:hover { color: #fff; }
    .pager__item--nav svg { width: 16px; height: 16px; }
    .pager__item[aria-disabled="true"] { opacity: .4; pointer-events: none; }
    .pager__dots { min-width: 24px; text-align: center; color: var(--ink-soft); }

    @media (max-width: 768px) {
      .cat-circles { grid-template-columns: repeat(4, 1fr); gap: 14px 8px; }
      .cat-circle__label { font-size: 10.5px; letter-spacing: 0; }
      .col-tab { font-size: 13px; padding: 14px 4px 15px; }
      .video-grid { grid-template-columns: 1fr; gap: 14px; }
      .pager__item { min-width: 40px; height: 40px; font-size: 13px; }
    }
    @media (max-width: 480px) {
      .cat-circle__disc svg { width: 26px; height: 26px; }
    }