.career-page,
.regulation-page {
    min-height:100vh;
    background:linear-gradient(180deg,#fbfdfb 0%,#fff 45%,#f2f7f4 100%);
}

.career-card,
.regulation-card {
    height:100%;
    overflow:hidden;
    background:#fff;
    border:1px solid #e5eee8;
    border-radius:18px;
    box-shadow:0 18px 38px rgba(84,101,91,.08);
    transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.career-card:hover,
.regulation-card:hover {
    transform:translateY(-5px);
    border-color:#d7e5dd;
    box-shadow:0 24px 48px rgba(84,101,91,.12);
}

.career-card img {
    width:100%;
    height:220px;
    object-fit:cover;
    background:#eef3ef;
}

.career-body,
.regulation-card {
    padding:18px;
}

.career-tags,
.regulation-tags {
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:12px;
}

.career-tags span,
.regulation-tags span {
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:7px 10px;
    color:#5d7168;
    background:#f8fbf9;
    border:1px solid #e7f0ea;
    border-radius:999px;
    font-size:.62rem;
    font-weight:800;
    text-transform:uppercase;
}

.career-tags span:first-child,
.regulation-tags span:first-child {
    color:#9a742d;
    background:#fff6df;
    border-color:#f1dfac;
}

.career-card h2,
.regulation-card h2 {
    margin:0 0 9px;
    color:#303f39;
    font-size:1rem;
    font-weight:800;
    line-height:1.4;
}

.career-card p,
.regulation-card p {
    display:-webkit-box;
    margin:0 0 14px;
    overflow:hidden;
    color:#6d7c74;
    font-size:.82rem;
    line-height:1.65;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
}

.career-meta {
    display:grid;
    gap:8px;
    margin:13px 0;
}

.career-meta span {
    display:flex;
    align-items:center;
    gap:8px;
    color:#5b6e65;
    background:#f8faf8;
    border:1px solid #edf2ee;
    border-radius:11px;
    padding:9px;
    font-size:.72rem;
    font-weight:700;
}

.career-meta i,
.regulation-tags i {
    color:#c59a45;
}

.career-actions,
.regulation-actions {
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    margin-top:auto;
}

.career-actions a,
.regulation-actions a {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:40px;
    padding:9px 13px;
    color:#fff;
    background:linear-gradient(135deg,#6f9a86,#557f69);
    border-radius:12px;
    font-size:.72rem;
    font-weight:800;
    text-decoration:none;
}

.career-actions a.secondary,
.regulation-actions a.secondary {
    color:#5c6e65;
    background:#f8faf8;
    border:1px solid #e7f0ea;
}

.filter-panel {
    margin-bottom:20px;
    padding:14px;
    background:#fff;
    border:1px solid #e5eee8;
    border-radius:16px;
    box-shadow:0 14px 28px rgba(84,101,91,.07);
}