/* outplace1 (N 2026-10-16, OUTPLACE1_20261016): the home page's warm paper look for the outplacement,
   law firm and partner pages. Loaded after site.css on outplacement, outplacement-report-demo,
   company-partnerships, recruiting-firms, partners and partner. Same colors, Geist headings,
   mono eyebrows, pill buttons, round cards and the dark panel as assets/pambahome1.css.
   Every rule starts with ":root body" so it wins over each page's own older rules. */
@font-face{font-family:"Geist";src:url("/assets/fonts/Geist-Variable.woff2") format("woff2");font-weight:100 900;font-display:swap}
:root{--paper:#ffffff;--line:#e6e8ec;--tint:#f7f8fa;--muted:#6b665e;--ph-bg:#ffffff; /*ad_hometidy3*/
  --ph-mono:ui-monospace,"SF Mono","Cascadia Mono",Consolas,monospace;
  --font-display:"Geist",-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Helvetica,Arial,sans-serif}

/* page, header and footer */
:root,:root body{background:var(--ph-bg)}
:root body .site-header{background:#ffffff;/*MOBILEFIX1_20261021 solid*/border-bottom-color:var(--line);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px)} /*ad_hometidy3*/
:root body .site-footer{background:transparent;border-top:1px solid var(--line)}
:root body main>.section{background:transparent;border-color:var(--line)}
:root body main>.section:nth-of-type(even){background:rgba(255,255,255,.4)}

/* type */
:root body :is(h1,h2,h3){font-family:var(--font-display);font-weight:700;letter-spacing:-.045em}
:root body main h1{font-size:clamp(36px,5vw,62px);line-height:1.02}
:root body main>.section h2{font-size:clamp(26px,3.2vw,44px);line-height:1.06}
:root body .eyebrow{font-family:var(--ph-mono);font-size:11px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--accent-dark)}
:root body :is(.employer-copy,.solution-copy) .lead{font:400 19px/1.6 var(--font-sans);letter-spacing:-.012em;color:#5d5a55}

/* buttons become pills */
:root body main .button,:root body .nav-cta{border-radius:999px}
:root body main .button{min-height:52px;padding-inline:24px;font-weight:650}
:root body main .button.primary,:root body .employer-copy .button{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 10px 22px -10px rgba(255,77,46,.7)}
:root body main .button.primary:hover,:root body .employer-copy .button:hover{background:var(--accent-dark);border-color:var(--accent-dark)}
:root body .cta-alt{color:var(--muted)}

/* hero: paper, faint grid, warm glow (same as the home hero) */
:root body :is(.employer-hero,.solution-hero){position:relative;overflow:hidden;border-bottom:1px solid var(--line);
  background:radial-gradient(closest-side at 30% 260px,rgba(255,138,104,.22),rgba(255,176,196,.12) 48%,transparent 76%),var(--ph-bg)}
:root body :is(.employer-hero,.solution-hero)::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(17,20,24,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(17,20,24,.04) 1px,transparent 1px);background-size:118px 118px;background-position:center -40px}
:root body :is(.employer-hero,.solution-hero)>.container{position:relative}

/* cards: round corners, paper fill and a soft lift */
:root body :is(.employer-card,.solution-proof){border:1px solid rgba(17,20,24,.07);border-radius:26px;background:var(--paper);
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 30px 60px -40px rgba(52,36,20,.42),0 4px 12px rgba(52,36,20,.06)}
:root body :is(.employer-card,.solution-proof) strong{font-family:var(--font-display);font-weight:700;letter-spacing:-.04em;color:var(--ink)}
:root body .employer-card [data-home-stat]{color:var(--accent)}
:root body :is(.employer-grid,.solution-grid,.solution-callout){border:1px solid var(--line);border-radius:26px;overflow:hidden;background:var(--paper);box-shadow:0 30px 60px -44px rgba(52,36,20,.4)}
:root body :is(.employer-grid,.solution-grid) article{border-color:var(--line)}
:root body .employer-grid article:nth-child(2){background:#f7f8fa} /*ad_hometidy3*/
:root body .employer-grid h2{font-size:clamp(22px,2.4vw,30px)}
:root body .employer-list li::marker{color:var(--accent)}
:root body :is(.interest-form) {border-radius:22px;background:#fff}
:root body .interest-form :is(input,textarea){border-radius:12px;border-color:#d9d4ca}

/* dark rounded panel for the closing call to action */
:root body :is(.employer-cta,.op-cta>.narrow){padding:clamp(32px,5vw,64px) clamp(20px,4vw,56px);border:0;border-radius:clamp(26px,3.4vw,40px);color:#dbe0e5;
  background:radial-gradient(70% 320px at 50% 0,rgba(255,77,46,.26),transparent 70%),linear-gradient(180deg,#14171c,#0e1014)}
:root body .op-cta>.narrow{max-width:min(960px,calc(100% - 32px))}
:root body :is(.employer-cta,.op-cta) h2{color:#fff}
:root body :is(.employer-cta,.op-cta) p{color:rgba(255,255,255,.72)}
:root body :is(.employer-cta,.op-cta) .eyebrow{color:#ff9b85}
:root body :is(.employer-cta,.op-cta) .cta-alt{color:rgba(255,255,255,.7)}
:root body :is(.employer-cta,.op-cta) .cta-alt:hover{color:#fff}
:root body .employer-cta .button{border-color:#fff;background:#fff;color:#111418;box-shadow:none}

/* tables and dashboards (terms table, HR report demo, partner dashboard) */
:root body .terms-table{border-radius:18px;overflow:hidden;background:var(--paper);border:1px solid var(--line)}
:root body .terms-table th{font-family:var(--font-display);letter-spacing:-.02em}
:root body :is(.hr-tile,.pd-err,.pd-box){border-radius:22px;background:var(--paper);border-color:var(--line);box-shadow:0 20px 40px -34px rgba(52,36,20,.4)}
:root body :is(.hr-tile,.pd-tiles) strong{font-family:var(--font-display);font-weight:750;letter-spacing:-.05em;color:var(--ink)}
:root body .hr-tile:first-child strong{color:var(--accent)}
:root body :is(.hr-card,.pd-tiles){border-radius:26px;background:var(--paper);border-color:var(--line);box-shadow:0 30px 60px -44px rgba(52,36,20,.4)}
:root body .hr-table th{font-family:var(--ph-mono);font-weight:500;font-size:11px;letter-spacing:.18em}
:root body .hr-demo-banner{background:#fff1ec;border-bottom-color:#f0c7bd}
:root body .pd-link code{background:var(--tint);border-radius:999px;padding:8px 14px}