/* Kariyer pages (/kariyer, /kariyer/:slug, /kariyer/basvuru, the candidate privacy notice): additions to page-kit.css,
   same tokens (--pk-*), Plus Jakarta Sans, dark-navy hero, white cards, blue accent. */
.cr-hero-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:40px; align-items:center; }
.cr-hero-ctas { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
.cr-hero-ctas .pk-btn:not(.pri) { background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.28); color:#fff; } .cr-hero-ctas .pk-btn:not(.pri):hover { background:rgba(255,255,255,.14); }
.cr-facts { list-style:none; margin:22px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:8px 18px; color:#cfdaf5; font-size:14px; font-weight:600; }
.cr-facts li { display:inline-flex; align-items:center; gap:8px; } .cr-facts i { color:#fdba74; }
.cr-hero-card { background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.16); border-radius:22px; padding:22px; backdrop-filter:blur(6px); }
.cr-hero-card h2 { margin:0 0 6px; font-size:1rem; color:#fff; letter-spacing:0; } .cr-hero-card p { margin:0; color:#b8c6e6; font-size:14px; line-height:1.55; }
.cr-hero-card .pk-steps { margin-top:14px; }
.cr-promise { margin-top:16px; display:flex; gap:10px; align-items:flex-start; background:rgba(16,185,129,.14); border:1px solid rgba(110,231,183,.35); border-radius:14px; padding:12px 14px; color:#d1fae5; font-size:14px; line-height:1.5; }
.cr-promise i { color:#6ee7b7; margin-top:3px; }

/* values */
.cr-values .pk-card { gap:8px; } .cr-values .pk-card p { font-size:14.5px; }
.cr-products { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
.cr-products span { display:inline-flex; align-items:center; gap:7px; background:#fff; border:1px solid var(--pk-line); border-radius:999px; padding:7px 13px; font-size:13.5px; font-weight:600; color:var(--pk-ink2); }
.cr-products i { color:var(--pk-b); }

/* positions */
.cr-filters { display:flex; flex-wrap:wrap; gap:10px; align-items:flex-end; background:#fff; border:1px solid var(--pk-line); border-radius:18px; padding:14px 16px; box-shadow:var(--pk-sh); margin-bottom:14px; }
.cr-filters label { display:flex; flex-direction:column; gap:5px; font-size:12.5px; font-weight:700; color:var(--pk-mut); text-transform:uppercase; letter-spacing:.4px; flex:1 1 170px; }
.cr-filters select { font:inherit; font-size:15px; font-weight:600; text-transform:none; letter-spacing:0; color:var(--pk-ink); padding:10px 12px; border:1.5px solid var(--pk-line); border-radius:12px; background:#fff; }
.cr-filters select:focus { outline:0; border-color:var(--pk-b); box-shadow:0 0 0 4px rgba(37,99,235,.12); }
.cr-count { font-size:14px; color:var(--pk-mut); font-weight:600; margin:0 0 10px; }
.cr-roles { display:grid; gap:12px; }
.cr-role { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:14px; align-items:center; background:#fff; border:1px solid var(--pk-line); border-radius:18px; padding:18px 20px; box-shadow:var(--pk-sh); color:inherit; text-decoration:none; transition:box-shadow .15s, transform .15s, border-color .15s; }
.cr-role:hover, .cr-role:focus-visible { transform:translateY(-2px); border-color:#bfd3f5; box-shadow:0 14px 34px rgba(37,99,235,.14); outline:0; }
.cr-role h3 { margin:0 0 6px; font-size:1.08rem; } .cr-role p { margin:8px 0 0; color:var(--pk-mut); font-size:14px; line-height:1.5; }
.cr-tags { display:flex; flex-wrap:wrap; gap:6px; }
.cr-tag { display:inline-flex; align-items:center; gap:6px; border-radius:999px; padding:4px 10px; font-size:12.5px; font-weight:700; background:#f1f5f9; color:var(--pk-ink2); }
.cr-tag.team { background:var(--pk-b-l); color:var(--pk-b); } .cr-tag.intern { background:#fff7ed; color:#c2410c; } .cr-tag.closed { background:#fef2f2; color:#b91c1c; }
.cr-role .cr-go { color:var(--pk-b); font-weight:800; font-size:14px; white-space:nowrap; }
.cr-empty { background:#fff; border:1.5px dashed #c7d2e3; border-radius:18px; padding:26px; text-align:center; color:var(--pk-ink2); }
.cr-empty i { font-size:26px; color:var(--pk-b); } .cr-empty h3 { margin:10px 0 4px; } .cr-empty p { margin:0 auto 14px; max-width:56ch; color:var(--pk-mut); }

/* process */
.cr-process { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; counter-reset:step; }
.cr-process li { background:#fff; border:1px solid var(--pk-line); border-radius:18px; padding:18px 16px; box-shadow:var(--pk-sh); position:relative; }
.cr-process li::before { counter-increment:step; content:counter(step); width:32px; height:32px; border-radius:50%; background:linear-gradient(135deg,var(--pk-b),var(--pk-b2)); color:#fff; font-weight:800; display:inline-flex; align-items:center; justify-content:center; margin-bottom:10px; }
.cr-process b { display:block; margin-bottom:4px; } .cr-process span { color:var(--pk-mut); font-size:13.5px; line-height:1.5; display:block; }
.cr-process small { display:inline-block; margin-top:8px; font-size:12px; font-weight:700; color:var(--pk-ok); background:var(--pk-ok-l); border-radius:999px; padding:3px 9px; }
.cr-fair { margin-top:14px; display:flex; gap:12px; align-items:flex-start; background:#fff; border:1px solid var(--pk-line); border-radius:18px; padding:16px 18px; box-shadow:var(--pk-sh); color:var(--pk-ink2); font-size:14.5px; line-height:1.6; }
.cr-fair i { color:var(--pk-ok); font-size:20px; margin-top:2px; }

/* role detail */
.cr-meta { display:flex; flex-wrap:wrap; gap:8px 16px; margin-top:16px; color:#cfdaf5; font-size:14.5px; font-weight:600; } .cr-meta span { display:inline-flex; gap:8px; align-items:center; } .cr-meta i { color:#fdba74; }
.cr-article { background:#fff; border:1px solid var(--pk-line); border-radius:20px; padding:30px 34px; box-shadow:var(--pk-sh); color:var(--pk-ink2); line-height:1.7; font-size:15.5px; }
.cr-article h2 { color:var(--pk-ink); font-size:1.15rem; margin:26px 0 10px; display:flex; gap:10px; align-items:center; } .cr-article h2:first-child { margin-top:0; }
.cr-article h2 i { color:var(--pk-b); width:20px; text-align:center; }
.cr-article ul { margin:0; padding:0; list-style:none; display:grid; gap:8px; }
.cr-article li { display:flex; gap:10px; align-items:flex-start; } .cr-article li::before { content:""; flex:none; width:7px; height:7px; border-radius:50%; background:var(--pk-b); margin-top:10px; }
.cr-aside { position:sticky; top:96px; display:grid; gap:14px; }
.cr-box { background:#fff; border:1px solid var(--pk-line); border-radius:20px; padding:20px; box-shadow:var(--pk-sh); }
.cr-box h3 { margin:0 0 10px; font-size:1rem; } .cr-box dl { margin:0 0 16px; display:grid; grid-template-columns:auto 1fr; gap:8px 14px; font-size:14.5px; }
.cr-box dt { color:var(--pk-mut); font-weight:600; } .cr-box dd { margin:0; font-weight:700; color:var(--pk-ink); }
.cr-box .pk-btn { width:100%; justify-content:center; } .cr-box p { margin:10px 0 0; color:var(--pk-mut); font-size:13.5px; line-height:1.5; }
.cr-notice { display:flex; gap:10px; align-items:flex-start; border-radius:14px; padding:12px 14px; font-size:14.5px; line-height:1.5; margin-bottom:14px; }
.cr-notice.warn { background:#fffbeb; color:#92400e; border:1px solid #fde68a; } .cr-notice.err { background:#fef2f2; color:#991b1b; border:1px solid #fecaca; }
.cr-notice i { margin-top:3px; }

/* application form */
.cr-form fieldset { border:0; padding:0; margin:0 0 8px; min-width:0; }
.cr-form legend { font-size:12.5px; font-weight:800; text-transform:uppercase; letter-spacing:.6px; color:var(--pk-mut); margin:6px 0 12px; padding:0; }
.cr-form fieldset + fieldset { border-top:1px solid var(--pk-line); padding-top:12px; }
.cr-row { display:grid; grid-template-columns:1fr 1fr; gap:0 14px; }
.cr-form .req { color:#b91c1c; } .cr-form .opt { font-weight:500; color:var(--pk-mut); font-size:12.5px; }
.cr-form .hint { font-weight:500; font-size:12.5px; color:var(--pk-mut); line-height:1.45; }
.cr-form .ferr { font-weight:600; font-size:13px; color:#b91c1c; display:flex; gap:6px; align-items:flex-start; } .cr-form .ferr::before { content:"!"; flex:none; width:16px; height:16px; border-radius:50%; background:#b91c1c; color:#fff; font-size:11px; font-weight:800; display:inline-flex; align-items:center; justify-content:center; margin-top:1px; }
.cr-form [aria-invalid="true"] { border-color:#dc2626 !important; background:#fffafa; }
.cr-form textarea { resize:vertical; min-height:110px; }
.cr-drop { position:relative; display:flex; align-items:center; gap:14px; border:1.5px dashed #b6c4dc; border-radius:14px; padding:16px; background:#f8fafd; cursor:pointer; transition:border-color .15s, background .15s; }
.cr-drop:hover, .cr-drop.drag { border-color:var(--pk-b); background:var(--pk-b-l); }
.cr-drop:focus-within { border-color:var(--pk-b); box-shadow:0 0 0 4px rgba(37,99,235,.12); }
.cr-drop input[type=file] { position:absolute; inset:0; opacity:0; cursor:pointer; width:100%; }
.cr-drop .ic { flex:none; width:44px; height:44px; border-radius:12px; background:#fff; color:var(--pk-b); display:inline-flex; align-items:center; justify-content:center; font-size:20px; border:1px solid var(--pk-line); }
.cr-drop b { display:block; color:var(--pk-ink); font-size:14.5px; } .cr-drop small { color:var(--pk-mut); font-weight:500; font-size:13px; }
.cr-drop.has-file .ic { background:var(--pk-ok-l); color:var(--pk-ok); }
.cr-check { flex-direction:row !important; align-items:flex-start; gap:10px !important; font-weight:500 !important; font-size:14px !important; line-height:1.5; color:var(--pk-ink2) !important; }
.cr-check input { width:20px; height:20px; margin:1px 0 0; flex:none; accent-color:var(--pk-b); padding:0 !important; }
.cr-check a { color:var(--pk-b); font-weight:700; }
.cr-hp { position:absolute !important; left:-10000px !important; width:1px; height:1px; overflow:hidden; }
.cr-submit { width:100%; justify-content:center; font-size:16px; padding:14px 20px; margin-top:6px; }
.cr-submit[disabled] { opacity:.7; cursor:progress; }
.cr-small { font-size:12.5px; color:var(--pk-mut); line-height:1.5; margin:10px 0 0; text-align:center; }
.cr-errsum { background:#fef2f2; border:1px solid #fecaca; color:#991b1b; border-radius:14px; padding:12px 16px; margin-bottom:16px; }
.cr-errsum b { display:block; margin-bottom:4px; } .cr-errsum ul { margin:0; padding-left:18px; } .cr-errsum a { color:#991b1b; font-weight:600; }
.cr-errsum:focus { outline:3px solid rgba(220,38,38,.35); outline-offset:2px; }
.cr-side-steps { list-style:none; margin:0; padding:0; display:grid; gap:14px; }
.cr-side-steps li { display:flex; gap:12px; align-items:flex-start; font-size:14px; color:var(--pk-ink2); line-height:1.5; }
.cr-side-steps li > span { flex:none; width:28px; height:28px; border-radius:50%; background:var(--pk-b-l); color:var(--pk-b); font-weight:800; display:inline-flex; align-items:center; justify-content:center; font-size:13px; }
.cr-side-steps b { display:block; color:var(--pk-ink); }

/* done */
.cr-done { max-width:720px; margin:0 auto; text-align:center; background:#fff; border:1px solid var(--pk-line); border-radius:24px; padding:34px 28px; box-shadow:var(--pk-sh); }
.cr-done .ok { width:64px; height:64px; border-radius:50%; background:var(--pk-ok-l); color:var(--pk-ok); display:inline-flex; align-items:center; justify-content:center; font-size:28px; }
.cr-done h2 { margin:14px 0 6px; font-size:1.5rem; } .cr-done > p { color:var(--pk-ink2); margin:0 auto; max-width:54ch; line-height:1.6; }
.cr-ref { margin:20px auto 6px; display:inline-flex; align-items:center; gap:10px; background:#f8fafd; border:1.5px dashed #b6c4dc; border-radius:14px; padding:10px 12px 10px 18px; }
.cr-ref code { font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:1.35rem; font-weight:800; letter-spacing:1.5px; color:var(--pk-ink); }
.cr-ref button { border:0; background:var(--pk-b-l); color:var(--pk-b); border-radius:10px; padding:8px 10px; cursor:pointer; font:inherit; font-weight:700; font-size:13px; }
.cr-next { text-align:left; margin:24px 0 0; padding:0; list-style:none; display:grid; gap:12px; }
.cr-next li { display:flex; gap:12px; align-items:flex-start; background:#f8fafd; border-radius:14px; padding:12px 14px; color:var(--pk-ink2); font-size:14.5px; line-height:1.5; }
.cr-next li i { color:var(--pk-b); margin-top:4px; width:18px; text-align:center; } .cr-next b { color:var(--pk-ink); }

@media (max-width: 1000px) { .cr-process { grid-template-columns:repeat(2,minmax(0,1fr)); } .cr-hero-grid { grid-template-columns:1fr; } }
@media (max-width: 900px) { .cr-aside { position:static; } }
@media (max-width: 560px) {
  .cr-process { grid-template-columns:1fr; } .cr-row { grid-template-columns:1fr; }
  .cr-role { grid-template-columns:1fr; } .cr-article { padding:22px 18px; } .cr-hero-ctas .pk-btn { width:100%; justify-content:center; }
  .cr-done { padding:26px 18px; } .cr-ref code { font-size:1.1rem; }
}
.cr-role[hidden] { display:none; }
.pk-hero h1, .pk-hero h2 { color:#fff; }
.cr-form fieldset > .ferr { margin:-6px 0 14px 30px; }
.cr-article a, .cr-box a:not(.pk-btn) { color:var(--pk-b); font-weight:600; }
.pk-split > * { min-width:0; }
@media (max-width: 900px) { .pk-split { grid-template-columns:minmax(0,1fr); } }
.cr-drop > span:nth-child(2) { min-width:0; overflow-wrap:anywhere; }
.cr-done-ctas { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-top:24px; }
.cr-next a, .cr-done a:not(.pk-btn) { color:var(--pk-b); font-weight:600; }
.cr-form fieldset > .cr-drop + .ferr { margin:8px 0 0; }