.pk-recruitment-preview { min-width: 0; margin-top: 28px; color: #302c28; font-family: system-ui, sans-serif; text-align: left; }
.pk-recruitment-preview *, .pk-recruitment-preview *::before, .pk-recruitment-preview *::after { box-sizing: border-box; }
.pk-recruitment-preview-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; margin-bottom: 12px; }
.pk-recruitment-preview .pk-recruitment-preview-heading h3 { margin: 0; color: #302c28; font-size: 18px; line-height: 1.7; font-weight: 600; }
.pk-recruitment-preview-heading p { margin: 4px 0 0; color: #625b53; font-size: 12px; line-height: 1.8; }
.pk-recruitment-preview .pk-recruitment-preview-heading > a { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 6px 0; color: #795b39; font-size: 13px; font-weight: 600; text-decoration: none; }
.pk-recruitment-preview-hint { display: none; }
.pk-recruitment-preview-rail { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 56px) / 5); align-items: stretch; gap: 14px; margin: 0; padding: 4px 4px 12px; list-style: none; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x proximity; scroll-padding-inline: 4px; scrollbar-width: thin; scrollbar-color: #b7ada0 #f3f0eb; }
.pk-recruitment-preview-rail > li { min-width: 0; margin: 0; padding: 0; list-style: none; scroll-snap-align: start; }
.pk-recruitment-preview .pk-recruitment-preview-card { display: flex; flex-direction: column; height: 100%; min-width: 0; border: 1px solid #e0dad1; border-radius: 12px; background: #fff; color: #302c28; text-decoration: none; overflow: hidden; }
.pk-recruitment-preview-photo { display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 4 / 3; background: #f1e9dd; overflow: hidden; }
.pk-recruitment-preview .pk-recruitment-preview-photo > img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 0; margin: 0; }
.pk-recruitment-preview-placeholder { display: flex; flex-direction: column; align-items: center; gap: 8px; color: #625b53; font-size: 11px; }
.pk-recruitment-preview .pk-recruitment-preview-placeholder > img { display: block; width: 32px; height: 32px; margin: 0; border-radius: 0; opacity: .55; }
.pk-recruitment-preview-body { display: flex; flex: 1; flex-direction: column; gap: 6px; min-width: 0; padding: 12px; }
.pk-recruitment-preview-category { align-self: flex-start; padding: 3px 6px; border-radius: 5px; background: #f5eee4; color: #71502b; font-size: 11px; line-height: 1.6; }
.pk-recruitment-preview-title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; min-height: 3.2em; overflow: hidden; color: #302c28; font-size: 15px; font-weight: 600; line-height: 1.6; overflow-wrap: anywhere; }
.pk-recruitment-preview-place { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color: #625b53; font-size: 12px; line-height: 1.7; overflow-wrap: anywhere; }
.pk-recruitment-preview-date { color: #514b43; font-size: 12px; line-height: 1.7; overflow-wrap: anywhere; }
.pk-recruitment-preview .pk-recruitment-preview-card:hover { border-color: #795b39; }
.pk-recruitment-preview .pk-recruitment-preview-empty { margin: 0; padding: 20px; border: 1px dashed #cec6b9; border-radius: 12px; background: #fff; color: #625b53; font-size: 14px; line-height: 1.8; }
.pk-recruitment-preview a:focus-visible, .pk-recruitment-preview-rail:focus-visible { outline: 2px solid #795b39; outline-offset: 2px; }
@media (max-width: 1100px) {
    .pk-recruitment-preview-rail { grid-auto-columns: minmax(220px, 30%); }
    .pk-recruitment-preview-hint { display: inline; }
}
@media (max-width: 600px) {
    .pk-recruitment-preview-rail { grid-auto-columns: 82%; }
    .pk-recruitment-preview-heading { align-items: flex-start; }
    .pk-recruitment-preview .pk-recruitment-preview-heading h3 { font-size: 16px; }
}