/* Extracted legacy public page styles from post_recruitment_list.php. */
body { font-family: Arial, sans-serif; }
    .container { max-width:1200px; margin:20px auto; padding:0 15px; }
    .top-bar { display:flex; justify-content:space-between; align-items:center; margin-bottom:15px; }
    .btn-publish { padding:8px 16px; background:#28a745; color:#fff; text-decoration:none; border-radius:4px; }
    .btn-publish:hover { background:#218838; }
    .nav-group { background:#f8f9fa; padding:10px; margin-bottom:20px; border-radius:5px; overflow-x:auto; }
    .nav-group ul { display:flex; flex-wrap:wrap; gap:8px; list-style:none; padding:0; margin:0; }
    .nav-group a { padding:6px 12px; background:#fff; border:1px solid #ddd; border-radius:20px;
                   text-decoration:none; color:#333; white-space:nowrap; transition:all .3s; }
    .nav-group a.active, .nav-group a:hover { background:#007bff; color:#fff; border-color:#007bff; }
    .filter-toggle {
      min-height: 36px;
      padding: 6px 14px;
      display: inline-flex;
      align-items: center;
      gap: 7px;
      color: #fff;
      background: #007bff;
      border: 1px solid #007bff;
      border-radius: 20px;
      cursor: pointer;
      font: inherit;
      line-height: 1.4;
    }
    .filter-toggle:hover,
    .filter-toggle:focus-visible { background:#0069d9; border-color:#0062cc; outline:none; }
    .filter-toggle:focus-visible { box-shadow:0 0 0 3px rgba(0,123,255,.2); }
    .filter-toggle .chevron { font-size:.72em; }
    .filter-toggle[aria-expanded="true"] .chevron { transform:rotate(180deg); }
    #other-states.hidden,
    #category-options.hidden { display:none; }
    #category-options { margin-top:10px; padding-top:10px; border-top:1px solid #e1e5e8; }
    .post-table { width:100%; border-collapse:collapse; }
    .post-table th, .post-table td { padding:12px; border-bottom:1px solid #ddd; color:#000; }
    .post-table th { background:#f8f9fa; text-align:left; }
    .post-table td:nth-child(1) { color: #007bff; }
    .post-table th:nth-child(2), .post-table th:nth-child(3), .post-table th:nth-child(4),
    .post-table td:nth-child(2), .post-table td:nth-child(3), .post-table td:nth-child(4) {
      text-align:right; white-space:nowrap;
    }
    .post-row.visited td { color:#999!important; }
    .post-row:hover { background:#f0f7ff; cursor:pointer; }
    .post-pagination {
      display:flex;
      flex-wrap:wrap;
      align-items:center;
      justify-content:center;
      gap:8px;
      margin:20px 0 26px;
      text-align:center;
    }
    .post-pagination-total {
      flex:0 0 100%;
      color:#333;
      line-height:1.4;
    }
    .post-pagination a,
    .post-pagination span {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-width:38px;
      height:38px;
      padding:0 12px;
      border:1px solid #ddd;
      border-radius:4px;
      color:#007bff;
      background:#fff;
      line-height:1;
      text-decoration:none;
      box-sizing:border-box;
    }
    .post-pagination a:hover {
      background:#f0f7ff;
      border-color:#007bff;
    }
    .post-pagination .current {
      background:#007bff;
      border-color:#007bff;
      color:#fff;
    }
    .post-pagination .ellipsis {
      border-color:transparent;
      background:transparent;
      color:#666;
      min-width:20px;
      padding:0 2px;
    }