/* =========================================================
   KAS Placement — Recruiting Process ACF blocks
   Uses the theme's own colors (CSS variables) and button classes
   (.btn .btn--blue / .btn--purple .btn--arrow), so it matches the rest of the site.
   Every block's outer element has the class .kasrp; all rules are scoped to it.
   ========================================================= */

body:not(.wp-admin){overflow-x:clip}

.kasrp{
  --rp-dark:var(--dark-blue,#090F2E);
  --rp-text:var(--body-text,#464958);
  --rp-blue:var(--blue-button,#4114A5);
  --rp-purple:var(--purple,#992DA5);
  --rp-link:var(--link,#14599d);
  --rp-link-hover:var(--link-hover,#0b3359);
  --rp-tint:var(--light-blue-bg,#F0F3FF);
  --rp-fade:#DFE7FF;
  --rp-line:#E3E8F8;
  --rp-shadow:0 20px 30px rgba(174,185,225,.2);
  --rp-radius:15.84px;
  container-type:inline-size;
  color:var(--rp-dark);
}
.kasrp,.kasrp *,.kasrp *::before,.kasrp *::after{box-sizing:border-box}

/* Spacing comes from gap, so clear theme margins inside the blocks */
.kasrp.kasrp,.kasrp.kasrp *{margin-block:0}
.kasrp.kasrp figure,.kasrp.kasrp blockquote,.kasrp.kasrp ul{margin-inline:0}
.kasrp.kasrp ul{padding:0;list-style:none}
.kasrp.kasrp li{list-style:none}
.kasrp img{max-width:100%}

/* Full width on the page (the editor keeps blocks inside its column) */
body:not(.wp-admin):not(.editor-styles-wrapper) .kasrp.rp-full{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);max-width:none;width:auto}
.kasrp[id]{scroll-margin-top:110px}

.kasrp a:not(.btn){color:var(--rp-link)}
.kasrp a:not(.btn):hover{color:var(--rp-link-hover)}
.kasrp .rp-todo{color:#B0204F;font-weight:500}
.kasrp.rp-cta .rp-todo,.kasrp.rp-stats .rp-todo,.kasrp .rp-receive .rp-todo{color:#FFC7DA}

/* ---------- Layout ---------- */
.kasrp .rp-wrap{width:100%;max-width:1280px;margin-inline:auto;padding-inline:40px}
.kasrp .rp-stack{display:flex;flex-direction:column;gap:40px}
.kasrp .rp-stack-lg{gap:48px}
.kasrp .rp-narrow{max-width:920px}
.kasrp.rp-sec{padding-block:96px}
.kasrp.rp-tint{background:linear-gradient(180deg,#fff 0%,var(--rp-fade) 100%)}
.kasrp .rp-head{display:flex;flex-direction:column;gap:14px;max-width:760px}
.kasrp .rp-grid{display:grid;gap:24px}
.kasrp .rp-g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.kasrp .rp-g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.kasrp .rp-g4{grid-template-columns:repeat(4,minmax(0,1fr))}

/* ---------- Type (fonts come from the theme) ---------- */
.kasrp .rp-eyebrow{font-size:15px;line-height:1.4;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--rp-purple)}
.kasrp .rp-title-xl{font-size:56px;line-height:1.125;font-weight:var(--header-font-weight,500);color:var(--rp-dark)}
.kasrp .rp-title{font-size:40px;line-height:1.125;font-weight:var(--header-font-weight,500);color:var(--rp-dark)}
.kasrp .rp-sub{font-size:20px;line-height:1.25;font-weight:var(--header-font-weight,500);color:var(--rp-dark)}
.kasrp .rp-lead{font-size:18px;line-height:1.6;color:var(--rp-text)}

/* ---------- Buttons: the theme's .btn styles do the work ---------- */
.kasrp .rp-btns{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.kasrp .rp-btns:empty{display:none}
.kasrp a.btn,.kasrp a.btn:hover,.kasrp a.btn:focus{margin:0;color:#fff;text-decoration:none}

/* Editor only: the theme's button styles may not load inside the block editor */
.wp-admin .kasrp a.btn,.editor-styles-wrapper .kasrp a.btn{display:inline-flex;align-items:center;gap:18px;padding:7px 7px 7px 23px;border-radius:12px;border:2px solid var(--rp-blue);background:var(--rp-blue);color:#fff;font-size:18px;line-height:1.11;font-weight:500}
.wp-admin .kasrp a.btn--purple,.editor-styles-wrapper .kasrp a.btn--purple{border-color:var(--rp-purple);background:var(--rp-purple)}
.wp-admin .kasrp a.btn--arrow::after,.editor-styles-wrapper .kasrp a.btn--arrow::after{content:"";display:block;width:48px;height:48px;background:url("../../../../assets/images/button-arrow.svg") center/contain no-repeat}

/* ---------- Hero ---------- */
.kasrp.rp-hero-sec{padding-block:48px 80px}
.kasrp .rp-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:48px}
.kasrp .rp-hero-copy{display:flex;flex-direction:column;gap:24px}
.kasrp .rp-hero-copy .rp-lead{font-size:19px;max-width:600px}
.kasrp .rp-hero-copy .rp-btns{padding-top:8px}
.kasrp .rp-trust{display:flex;flex-wrap:wrap;gap:12px 32px;padding-top:16px;border-top:1px solid var(--rp-line)}
.kasrp .rp-trust:empty{display:none}
.kasrp .rp-trust li{padding-top:12px;font-size:15px;line-height:1.5;color:var(--rp-text)}
.kasrp .rp-trust strong{display:block;font-size:22px;font-weight:500;color:var(--rp-dark)}
.kasrp .rp-hero-img img{display:block;width:100%;max-width:560px;height:auto;margin-inline:auto}

/* ---------- On this page links ---------- */
.kasrp.rp-jump{padding-block:14px;border-top:1px solid var(--rp-line);border-bottom:1px solid var(--rp-line)}
.kasrp .rp-jump-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.kasrp .rp-jump-label{margin-right:8px;font-size:13px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--rp-purple)}
.kasrp a.rp-pill{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;background:var(--rp-tint);color:var(--rp-dark);font-size:14px;font-weight:500;text-decoration:none}
.kasrp a.rp-pill:hover{background:var(--rp-fade);color:var(--rp-blue)}

/* ---------- Process banners (text sits on the white side of each graphic) ---------- */
.kasrp .rp-banner{display:grid}
.kasrp .rp-banner>*{grid-area:1/1}
.kasrp .rp-banner-img{display:block;width:100%;height:auto;border-radius:var(--rp-radius)}
.kasrp .rp-steps{position:relative;display:flex;flex-direction:column;gap:22px;align-self:center}
.kasrp .rp-banner-r>.rp-steps{justify-self:end;width:39%;margin-right:2%}
.kasrp .rp-banner-l>.rp-steps{justify-self:start;width:43%;margin-left:3%}
.kasrp .rp-steps-label{font-size:13px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--rp-purple)}
.kasrp .rp-step{display:flex;align-items:flex-start;gap:16px}
.kasrp .rp-num{flex:none;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:#fff;font-size:15px;font-weight:500;line-height:1}
.kasrp .rp-n1{background:#AB41DA}.kasrp .rp-n2{background:#4114A5}.kasrp .rp-n3{background:#26337A}
.kasrp .rp-n4{background:#12804A}.kasrp .rp-n5{background:#C42E68}.kasrp .rp-n6{background:#992DA5}
.kasrp .rp-step-text{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
.kasrp .rp-step-text .rp-sub{font-size:19px}
.kasrp .rp-step-text p{font-size:15px;line-height:1.55;color:var(--rp-text)}

/* ---------- Screening cards (same look as the homepage cards) ---------- */
.kasrp .rp-card{display:flex;flex-direction:column;gap:16px;padding:32px;background:#fff;border-radius:var(--rp-radius);box-shadow:var(--rp-shadow)}
.kasrp .rp-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.kasrp .rp-card-title{font-size:24px}
.kasrp .rp-chip{padding:6px 12px;border-radius:999px;background:var(--rp-tint);color:var(--rp-blue);font-size:13px;font-weight:500;line-height:1.3;white-space:nowrap}
.kasrp .rp-card-text{font-size:16px;line-height:1.6;color:var(--rp-text)}
.kasrp .rp-signals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:4px}
.kasrp .rp-sig{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:10px}
.kasrp .rp-sig p{font-size:14px;line-height:1.5;color:var(--rp-dark)}
.kasrp .rp-sig .rp-sig-label{font-size:13px;font-weight:500}
.kasrp .rp-good{background:#F0F7F3}.kasrp .rp-good .rp-sig-label{color:#12603A}
.kasrp .rp-bad{background:#FBF0F6}.kasrp .rp-bad .rp-sig-label{color:#A01E5C}

/* Example questions */
.kasrp .rp-quotes{display:flex;flex-direction:column;gap:20px}
.kasrp .rp-quotes-title{font-size:24px}
.kasrp blockquote.rp-q{height:100%;padding:28px;background:#fff;border:0;border-radius:var(--rp-radius);box-shadow:var(--rp-shadow);font-style:normal;quotes:none}
.kasrp blockquote.rp-q::before{content:"\201C";display:block;margin-bottom:12px;font-size:48px;line-height:.6;color:var(--rp-purple)}
.kasrp blockquote.rp-q::after{content:none}
.kasrp blockquote.rp-q p{font-size:17px;line-height:1.55;font-weight:500;font-style:normal;color:var(--rp-dark)}

/* What you receive */
.kasrp .rp-receive{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;padding:32px 36px;background:var(--rp-dark);border-radius:var(--rp-radius)}
.kasrp .rp-receive-copy{flex:1 1 520px;display:flex;flex-direction:column;gap:8px}
.kasrp .rp-receive .rp-sub{font-size:22px;color:#fff}
.kasrp .rp-receive p{font-size:16px;line-height:1.6;color:#D5D9EC}

/* ---------- Included tiles ---------- */
.kasrp .rp-tile{display:flex;flex-direction:column;gap:10px;padding:28px;background:#fff;border:1px solid var(--rp-line);border-radius:var(--rp-radius);box-shadow:var(--rp-shadow)}
.kasrp .rp-tile::before{content:"";display:block;width:28px;height:28px;background:var(--rp-blue);-webkit-mask:var(--rp-ic) center/contain no-repeat;mask:var(--rp-ic) center/contain no-repeat}
.kasrp .rp-tile p{font-size:15px;line-height:1.6;color:var(--rp-text)}
.kasrp .rp-ic-salary{--rp-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2v20M17 6H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6'/%3E%3C/svg%3E")}
.kasrp .rp-ic-jd{--rp-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z'/%3E%3Cpath d='M14 3v6h6M8 13h8M8 17h5'/%3E%3C/svg%3E")}
.kasrp .rp-ic-check{--rp-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 3v6c0 4.5-3.4 8.3-8 9-4.6-.7-8-4.5-8-9V6z'/%3E%3Cpath d='M8.5 12l2.5 2.5 4.5-5'/%3E%3C/svg%3E")}
.kasrp .rp-ic-chat{--rp-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a8 8 0 0 1-11.6 7.1L4 20l1-4.6A8 8 0 1 1 21 12z'/%3E%3C/svg%3E")}
.kasrp .rp-ic-guarantee{--rp-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 3-6.7L3 8'/%3E%3Cpath d='M3 3v5h5M12 7v5l3 2'/%3E%3C/svg%3E")}
.kasrp .rp-ic-c2h{--rp-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 3l4 4-4 4'/%3E%3Cpath d='M3 11V9a2 2 0 0 1 2-2h16M7 21l-4-4 4-4'/%3E%3Cpath d='M21 13v2a2 2 0 0 1-2 2H3'/%3E%3C/svg%3E")}

/* ---------- Results band (same dark navy as the homepage) ---------- */
.kasrp.rp-stats{padding-block:72px;background:var(--rp-dark)}
.kasrp .rp-stat{display:flex;flex-direction:column;gap:6px}
.kasrp .rp-stat-num{font-family:var(--header-font,inherit),sans-serif;font-size:48px;line-height:1.15;font-weight:var(--header-font-weight,500);color:#fff}
.kasrp .rp-stat-num.rp-stat-todo{color:var(--blue-gray,#B69EFF)}
.kasrp .rp-stat-label{font-size:15px;line-height:1.5;color:#C9CEE6}

/* ---------- FAQ ---------- */
.kasrp .rp-faq-list{border-top:1px solid var(--rp-line)}
.kasrp .rp-faq-list details{padding-block:22px;border-bottom:1px solid var(--rp-line)}
.kasrp .rp-faq-list summary{display:flex;justify-content:space-between;gap:16px;cursor:pointer;list-style:none;font-size:19px;line-height:1.4;font-weight:500;color:var(--rp-dark)}
.kasrp .rp-faq-list summary::-webkit-details-marker{display:none}
.kasrp .rp-faq-list summary::after{content:"+";flex:none;font-size:24px;line-height:1;color:var(--rp-blue)}
.kasrp .rp-faq-list details[open] summary::after{content:"\2212"}
.kasrp .rp-faq-list details p{padding-top:12px;font-size:16px;line-height:1.6;color:var(--rp-text)}

/* ---------- Founder ---------- */
.kasrp.rp-founder-sec{padding-block:0 96px}
.kasrp .rp-founder{display:grid;grid-template-columns:160px minmax(0,1fr);align-items:center;gap:32px;padding:36px;background:var(--rp-tint);border-radius:var(--rp-radius)}
.kasrp .rp-founder-img{display:block;width:160px;height:160px;border-radius:50%;object-fit:cover;background:var(--rp-fade)}
.kasrp .rp-founder-text{display:flex;flex-direction:column;gap:8px}
.kasrp .rp-founder-text .rp-sub{font-size:24px}
.kasrp .rp-founder-text p{font-size:16px;line-height:1.6;color:var(--rp-text)}
.kasrp .rp-founder-text a{font-weight:500}

/* ---------- Closing call to action (dark, like the homepage hero) ---------- */
.kasrp.rp-cta{padding-block:88px;background:var(--rp-dark)}
.kasrp .rp-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 48px}
.kasrp .rp-cta-copy{flex:1 1 520px;display:flex;flex-direction:column;gap:12px}
.kasrp.rp-cta .rp-title{color:#fff}
.kasrp.rp-cta .rp-cta-copy p{font-size:18px;line-height:1.6;color:#D5D9EC}

/* ---------- Narrower (tablet, or the editor column) ---------- */
@container (max-width:1100px){
  .kasrp .rp-hero{grid-template-columns:1fr;gap:40px}
  .kasrp .rp-banner>*{grid-area:auto}
  .kasrp .rp-banner-r>.rp-steps,.kasrp .rp-banner-l>.rp-steps{justify-self:stretch;width:auto;margin:24px 0 0}
  .kasrp .rp-g4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kasrp .rp-stat-num{font-size:38px}
}
@container (max-width:900px){
  .kasrp .rp-g3{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ---------- Phone ---------- */
@container (max-width:700px){
  .kasrp .rp-wrap{padding-inline:16px}
  .kasrp .rp-banner-img{display:none}
  .kasrp .rp-banner-r>.rp-steps,.kasrp .rp-banner-l>.rp-steps{margin:0}
  .kasrp .rp-g2,.kasrp .rp-g3,.kasrp .rp-g4,.kasrp .rp-signals{grid-template-columns:1fr}
  .kasrp .rp-title-xl{font-size:38px}
  .kasrp .rp-title{font-size:30px}
  .kasrp .rp-card{padding:24px}
  .kasrp .rp-founder{grid-template-columns:1fr;padding:28px}
}
@media (max-width:781px){
  .kasrp.rp-sec{padding-block:64px}
  .kasrp.rp-founder-sec{padding-block:0 64px}
}