/* Works category page specific styles (cleaned) */
.single-content .wrap {
    padding-top: 6em;
}

.service .content {
    display: block;
    margin-bottom: 2em;
    padding: 0 1em;
}

section {
    padding-top: 0;
    /* margin-top: -4em; */
}

/* Layout & filter */
.works-layout { display:flex; gap:3em; }
.works-filter { width:240px; flex:0 0 240px; }
/* --- Add sticky behavior for filter (desktop) --- */
@supports (position:sticky){
  .works-filter { position:sticky; top:calc(var(--fix-header-h) + 15px); align-self:flex-start; }
}
.works-results { flex:1; }

.works-filter-form { border:1px solid #e2e2e2; padding:1.25em 1.25em 1.5em; background:#fff; box-shadow:0 2px 4px rgba(0,0,0,.04); border-radius:4px; }
.works-filter-form h3.filter-heading { font-size:16px; margin:0 0 1em; font-weight:600; color:#08B15B; letter-spacing:.05em; }
.works-filter-form ul.filter-list { list-style:none; margin:0 0 1em; padding:0; max-height:260px; overflow:auto; }
.works-filter-form ul.filter-list li { margin:0 0 .5em; font-size:14px; }
.works-filter-form ul.filter-list label { cursor:pointer; display:flex; gap:.5em; align-items:center; line-height:1.3; }
.works-filter-form input[type=checkbox] { accent-color:#08B15B; width:16px; height:16px; }
.works-filter-form .filter-actions { display:flex; gap:.75em; align-items:center; font-size:14px; }
.works-filter-form button { background:#08B15B; color:#fff; border:none; padding:.45em 1.2em; font-size:14px; border-radius:4px; cursor:pointer; }
.works-filter-form button:hover { opacity:.85; }
.works-filter-form a.reset { font-size:12px; color:#555; text-decoration:underline; }

.results-meta { display:flex; flex-wrap:wrap; gap:1em; align-items:center; margin:0 0 1.2em; }
.results-meta .results-count { margin:0; font-size:14px; }
.results-meta .active-filters p { margin:0; font-size:12px; color:#08B15B; }

/* Posts grid: desktop 3 columns - 検索結果は service.css の共通スタイルを使用 */

/* Pagination */
.pagination-wrap { margin:2.5em 0 0; }
.pagination-wrap ul { list-style:none; display:flex; flex-wrap:wrap; gap:.5em; margin:0; padding:0; }
.pagination-wrap ul li { margin:0; }
.pagination-wrap ul li a, .pagination-wrap ul li span { display:inline-block; padding:.5em .9em; font-size:14px; border:1px solid #ddd; border-radius:3px; line-height:1; background:#fff; }
.pagination-wrap ul li span.current { background:#08B15B; color:#fff; border-color:#08B15B; }

/* Responsive adjustments */
@media (max-width:1000px){
  .works-layout { display:block; }
  .works-filter { width:auto; margin-bottom:2em; position:static; } /* reset sticky on narrow */
  /* Filter lists: 3 columns when full width */
  .works-filter-form ul.filter-list { max-height:none; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.5em 1em; }
  .works-filter-form ul.filter-list li { margin:0; }
  /* Tablet: 2 columns - service.css の共通スタイルを使用 */
}
/* On small screens - service.css の共通スタイルを使用 */
@media (max-width:768px){
  .works-filter-form ul.filter-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* === Works posts: 子カテゴリバッジ左上配置 === */
/* service.css の共通バッジ配置スタイルを使用 */