.pd-stats { margin-bottom: 0.9em; }
.pd-vac { display: flex; flex-wrap: wrap; align-items: center; gap: 0.4em 0.9em; margin-bottom: 0.7em; padding: 0.6em 0.9em; border-radius: 0.9em; background: var(--card); border: 1px solid var(--app-border); }
.pd-vac b { font-weight: 600; color: var(--app-text); }
.pd-vac > span:not(.badge) { flex: 1; min-width: 12em; color: var(--app-text-3); }
.pd-board { gap: 0.45em; }
.pd-board .k-col { padding: 0.55em; }
.pd-board .k-col > h4 { font-size: 0.82em; }
.pd-board .k-card { padding: 0.5em 0.6em; }
.js [data-step] .pd-board .k-card.is-hot { box-shadow: 0 0 0 3px var(--orange-wash), var(--shadow-sm); }
@media (min-width: 40em) and (max-width: 63.99em) { .pd-board { grid-auto-flow: row; grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 39.99em) { .pd-stats .k-stat:nth-child(-n+2) { display: none; } .pd-board .k-col:nth-child(-n+3) { display: none; } }
.pd-under { display: grid; gap: 0.8em; margin-top: 0.9em; align-items: start; }
@media (min-width: 52em) { .pd-under { grid-template-columns: 1.6fr 1fr; } }
.pd-fee { padding: 1em 1.1em; border-radius: var(--radius-card); background: var(--card); border: 1px solid var(--orange-line); box-shadow: var(--shadow); }
.pd-fee-h { display: flex; align-items: center; gap: 0.6em; margin-bottom: 0.7em; font-weight: 600; color: var(--app-text); }
.pd-fee dl { display: grid; gap: 0.3em; }
.pd-fee dl div { display: flex; justify-content: space-between; gap: 1em; color: var(--app-text-2); }
.pd-fee dd { font-weight: 600; color: var(--app-text); font-variant-numeric: tabular-nums; }
.pd-fee dl div:last-child { padding-top: 0.35em; border-top: 1px solid var(--app-bg-alt); }
.pd-fee dl div:last-child dd { font-size: 1.25em; letter-spacing: -0.02em; }
.pd-fee-f { display: flex; align-items: center; justify-content: space-between; gap: 0.6em; margin-top: 0.8em; }
.pd-list { display: flex; align-items: center; gap: 0.8em; margin-top: 0.9em; padding: 0.7em 0.9em; border-radius: 0.9em; background: var(--card); border: 1px solid var(--app-border); color: var(--app-text-3); }
.pd-list > span:nth-child(2) { flex: 1; min-width: 0; }
.pd-list b { display: block; font-weight: 600; color: var(--app-text); }
.pd-time { position: relative; display: grid; margin-top: 1em; padding-left: 1.6em; }
.pd-time::before { content: ""; position: absolute; left: 0.42em; top: 0.7em; bottom: 0.7em; width: 2px; background: var(--app-border); }
.pd-time li { position: relative; display: flex; justify-content: space-between; gap: 1em; padding: 0.42em 0; color: var(--app-text-3); }
.pd-time li::before { content: ""; position: absolute; left: -1.6em; top: 0.72em; width: 0.9em; height: 0.9em; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 3px var(--app-bg); }
.pd-time b { font-weight: 600; color: var(--app-text); }
.pd-time span { font-variant-numeric: tabular-nums; text-align: right; }
.pd-time li:last-child::before { background: var(--orange); }
.pd-sum { display: grid; grid-template-columns: 1fr; gap: 0.4em; align-items: center; margin-top: 1em; padding: 1em; border-radius: 1em; background: var(--card); border: 1px solid var(--app-border); text-align: center; }
@media (min-width: 34em) { .pd-sum { grid-template-columns: 1fr auto 0.7fr auto 1fr; gap: 0.8em; } }
.pd-sum p { display: grid; gap: 0.1em; }
.pd-sum p span { font-size: 1.35em; font-weight: 700; letter-spacing: -0.02em; color: var(--app-text); font-variant-numeric: tabular-nums; }
.pd-sum small { font-size: 0.82em; color: var(--app-text-3); }
.pd-sum i { font-style: normal; font-size: 1.3em; color: var(--app-text-3); }
.pd-sum .is-total span { color: var(--orange-text); }
.pd-hero .k-pagehead { margin-bottom: 0.8em; }
.pd-hero .pd-board { gap: 0.35em; }
.pd-hero .pd-board .k-col { padding: 0.45em; gap: 0.4em; }
.pd-hero .pd-board .k-col > h4 { gap: 0.25em; font-size: 0.74em; }
.pd-hero .pd-board .k-col > h4 b { padding: 0 0.35em; }
.pd-hero .pd-board .k-col > h4 span { overflow: visible; }
.pd-hero .pd-under tbody tr:nth-child(n+4) { display: none; }
@media (min-width: 64em) { .page-perm .fhero--j .fhero-grid { grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr); gap: var(--space-10); } }
.pd-hero .pd-board .k-card { padding: 0.45em 0.5em; }
.pd-hero .pd-fee { padding: 0.8em 0.9em; }
@media (min-width: 64em) { .pd-hero .pd-under { grid-template-columns: 1.45fr 1fr; } .pd-hero .pd-under table tr > :nth-child(2) { display: none; } }
.page-perm .pd-hero .k-table th, .page-perm .pd-hero .k-table td { padding-inline: 0.6em; }
.jp-screen .pd-cand { max-width: 27rem; }
.jp-screen .pd-cand .k-rec { margin-bottom: 0; padding: 0.8em 1em; }
.jp-screen .pd-cand .pd-time { margin-top: 0.7em; }
.jp-screen .pd-cand .pd-time li { padding: 0.36em 0; }
.jp-screen .pd-offer { max-width: 34rem; }
.page-perm .jp-screen .k-desk { padding: 0; border: 0; background: none; overflow: visible; }
.page-perm .jp-screen .k-doc { aspect-ratio: auto; width: min(100%, 26rem); padding: 4.5% 7%; gap: 0.55em; font-size: clamp(8.5px, 2.9cqw, 11.5px); box-shadow: var(--shadow); }
.page-perm .jp-screen .k-doc .pd-doc-placed { width: 68%; margin-top: 0.5em; }
.pd-ats-wrap { width: 100%; display: grid; justify-items: center; }
.jp-screen .pd-ats-wrap .k-modal--wide { width: min(100%, 30em); }
.pd-ats-search { margin-bottom: 0.7em; }
.pd-ats-search .k-input { display: block; color: var(--app-text-3); }
.pd-ats li > div em { font-style: normal; font-size: 0.84em; font-weight: 600; color: var(--amber-text); }
.pd-ats + .k-note { margin-top: 0.7em; }
.js [data-step="1"] .pd-add { animation: kPress 0.5s var(--ease-out) 0.9s both; }
.jp-screen .pd-jobs .k-pagehead, .jp-screen .pd-ctl .k-pagehead { margin-bottom: 0.7em; }
.pd-jobs .k-table small { font-size: 0.82em; font-weight: 500; color: var(--app-text-3); }
.page-perm .k-table .pd-fee-n { font-weight: 700; color: var(--green-text); font-variant-numeric: tabular-nums; }
.page-perm .pd-jobs .k-table th, .page-perm .pd-jobs .k-table td, .page-perm .pd-ctl .k-table th, .page-perm .pd-ctl .k-table td { padding-block: 0.5em; }
.pd-total { display: flex; align-items: baseline; justify-content: space-between; gap: 1em; margin-top: 0.7em; padding: 0.6em 0.9em; border-radius: 0.9em; background: var(--card); border: 1px solid var(--app-border); box-shadow: inset 0 3px 0 var(--green); font-weight: 600; color: var(--app-text); }
.pd-total small { margin-left: 0.5em; font-size: 0.84em; font-weight: 500; color: var(--app-text-3); }
.pd-total b { font-size: 1.5em; font-weight: 700; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
.pd-inv { font-weight: 600; color: var(--orange-text); font-variant-numeric: tabular-nums; white-space: nowrap; }
.pd-ctl .k-note { margin-top: 0.7em; }
.pd-other { display: flex; flex-wrap: wrap; align-items: center; gap: 0.4em 0.9em; margin-top: 0.6em; padding: 0.6em 0.9em; border-radius: 0.9em; border: 1px dashed var(--app-border); color: var(--app-text-2); }
.pd-other > span:nth-child(2) { flex: 1; min-width: 6em; }
.pd-other b { font-weight: 600; color: var(--app-text); }
.pd-other-v { color: var(--app-text-3); }
.page-perm .jd-body .why-card { padding: clamp(1.25rem, 1rem + 1.2vw, 2rem); }
@media (min-width: 60em) { .page-perm .jp--row .jp-screen .pd-big { font-size: 13.5px; } .jp-screen .pd-offer { max-width: 36rem; } }
@media (max-width: 35.99em) { .js .page-perm .jx--side .jx-tabs > li:last-child:nth-child(odd) { grid-column: 1 / -1; } }
.page-perm .pd-big .k-kv div { align-content: start; }
.pd-more { padding: 0.1em 0.5em; font-size: 0.82em; color: var(--app-text-3); }
@media (max-width: 39.99em) { .pd-hero .k-pagehead h3 small { display: none; } }
@media (max-width: 35.99em) { .page-perm .fhero-facts li:last-child { flex-basis: 100%; max-width: none; } }
.page-perm .jp-screen .k-doc .k-stamp { right: 11.6%; bottom: 17%; font-size: 1.1em; }
.page-perm .jp-screen .k-doc .pd-doc-placed { width: 62%; }
@media (max-width: 59.99em) { .page-perm .jp-screen .k-doc { font-size: clamp(9.5px, 2.9cqw, 11.5px); } }
@media (min-width: 56em) {
  .page-perm .jd-body .why-card h3 { max-width: 11.5em; }
}
@media (max-width: 39.99em) { .page-perm .connects a { padding: var(--space-4); padding-right: var(--space-8); } }
@media (min-width: 60em) {
  html:not(.js) .page-perm #more .jx-tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-3); margin-top: var(--space-4); }
}
@media (min-width: 60em) { .page-perm #how .jx { --jp-h: 25.5rem; } }
@media (min-width: 48em) and (max-width: 79.99em) {
  .page-perm #how .jx-step { padding-inline: 0.7rem 0.4rem; column-gap: 0.55rem; }
  .page-perm #how .jx-step small { white-space: normal; overflow: visible; }
}
@media (min-width: 64em) and (max-width: 79.99em) {
  .pd-hero .pd-board { gap: 0.25em; }
  .pd-hero .pd-board .k-col { padding: 0.35em; }
  .pd-hero .pd-board .k-col > h4 { font-size: 0.66em; gap: 0.15em; }
  .pd-hero .pd-board .k-col > h4::before { display: none; }
  .pd-hero .pd-board .k-col > h4 b { padding: 0 0.25em; }
  .pd-hero .pd-board .k-card { padding: 0.4em 0.35em; }
  .pd-hero .pd-board .k-card span { font-size: 0.8em; letter-spacing: -0.02em; white-space: nowrap; text-overflow: clip; }
}