/* Careers v1 (/careers/). Page styles scoped to main.crx; loads after global.css. */
main.crx{--c-ink:#17171b;--c-soft:#6b6964;--c-line:#e6e0d8;--c-cream:#F5F3F0;--c-char:#1a1719;--c-pink:#E84274;--c-pink-ink:#c72d5c;--c-red:#b42318;
  --c-strat:#2f5fd0;--c-crea:#E84274;--c-srch:#1d7a46;--c-shadow:0 1px 2px rgba(0,0,0,.06),0 8px 20px -16px rgba(0,0,0,.25);color:var(--c-ink);font-family:Outfit,system-ui,sans-serif}
main.crx section{padding-block:clamp(56px,7vw,96px)}
main.crx .wrap{max-width:1200px;margin-inline:auto;padding-inline:max(20px,env(safe-area-inset-left,0px))}
main.crx h2{font-size:clamp(1.9rem,3.4vw,2.8rem);line-height:1.08;letter-spacing:-.02em;margin:0 0 14px;text-wrap:balance}
main.crx h3{letter-spacing:-.01em}
body main.crx .kicker,body main.crx .eyebrow{display:block;border:0!important;border-radius:0!important;box-shadow:none!important;background:none!important;padding:0!important;width:auto;margin:0 0 12px;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--c-pink-ink)}
main.crx p{line-height:1.55}
main.crx a{color:inherit}
main.crx :focus-visible{outline:3px solid var(--c-pink);outline-offset:2px;border-radius:4px}
.crx-tag{position:absolute;top:10px;left:10px;z-index:3;background:rgba(23,23,27,.78);color:#fff;font:600 .66rem/1 Outfit,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:5px 7px;border-radius:4px}
.crx-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:8px;background:var(--c-pink);color:#fff!important;font:inherit;font-weight:700;text-decoration:none;border:0;cursor:pointer}
.crx-btn:hover{background:var(--c-pink-ink)}
.crx-link{font-weight:600;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.crx-sm{font-size:.88rem;color:var(--c-soft);margin:0}
.crx-head{display:flex;justify-content:space-between;align-items:end;gap:16px 40px;flex-wrap:wrap;margin-bottom:32px}
.crx-head>p{max-width:46ch;margin:0;color:var(--c-soft)}
.crx-logo{width:20px;height:20px;fill:var(--b);flex:none;display:block}
.crx-n{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--c-ink);color:#fff;font-weight:700;font-size:.9rem;flex:none}
.pp-icon{flex:none}

/* Hero */
body main.crx .crx-hero{background:#fff;padding-block:clamp(44px,6vw,84px)}
.crx-hero-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center}
body main.crx .crx-hero h1{font-size:clamp(2.5rem,5.2vw,4.3rem);line-height:1.02;letter-spacing:-.03em;margin:0 0 20px;color:var(--c-ink);text-wrap:balance}
body main.crx .crx-hero h1 .hero-accent{display:block;color:var(--c-pink-ink)}
.crx-hero .eyebrow{color:var(--c-soft)!important}
.crx-lead{font-size:1.14rem;color:var(--c-soft);max-width:52ch;margin:0}
.crx-cta-row{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;margin-top:28px}
.crx-facts{display:flex;flex-wrap:wrap;gap:8px 22px;list-style:none;margin:30px 0 0;padding:22px 0 0;border-top:1px solid var(--c-line);font-weight:600;font-size:.95rem}
.crx-facts li{display:flex;align-items:center;gap:8px}
.crx-facts .pp-icon{color:var(--c-pink-ink)}

/* Calendar mock */
.crx-cal{position:relative;margin:0;background:#fff;border:1px solid var(--c-line);border-radius:12px;box-shadow:var(--c-shadow);overflow:hidden;font-size:.8rem}
.crx-cal .crx-tag{top:auto;bottom:10px;left:auto;right:10px}
.crx-cal-bar{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--c-line);background:#faf9f7}
.crx-cal-bar b{font-size:.86rem}
.crx-cal-wk{margin-left:auto;color:var(--c-soft);font-weight:600}
.crx-dots{display:flex;gap:5px}.crx-dots i{width:9px;height:9px;border-radius:50%;background:#e2ddd6}
.crx-cal-days,.crx-cal-body{display:grid;grid-template-columns:44px repeat(5,minmax(0,1fr))}
.crx-cal-days span{padding:8px 6px;font-weight:700;color:var(--c-soft);text-align:center;border-left:1px solid var(--c-line)}
.crx-cal-days span:first-child{border:0}
.crx-cal-body{position:relative;--hr:40px;height:calc(var(--hr)*9);border-top:1px solid var(--c-line);background:repeating-linear-gradient(to bottom,transparent 0 calc(var(--hr) - 1px),#efebe5 calc(var(--hr) - 1px) var(--hr))}
.crx-cal-hrs{position:relative;grid-column:1}
.crx-cal-hrs span{position:absolute;top:calc(var(--r)*var(--hr) + 3px);right:6px;font-size:.66rem;color:var(--c-soft);white-space:nowrap}
.crx-cal-ev{position:absolute;inset:0 0 0 44px;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:linear-gradient(to right,var(--c-line) 1px,transparent 1px) 0 0/20% 100%}
.crx-ev{position:absolute;left:calc(var(--d)*20% + 3px);width:calc(20% - 6px);top:calc(var(--s)*var(--hr) + 2px);height:calc(var(--l)*var(--hr) - 4px);border-radius:6px;padding:4px 6px;overflow:hidden;background:color-mix(in srgb,var(--k) 12%,#fff);border-left:3px solid var(--k);line-height:1.2}
.crx-ev b{display:block;font-size:.72rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.crx-ev small{display:block;font-size:.66rem;color:var(--c-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.crx-ev-strategy{--k:var(--c-strat)}.crx-ev-creative{--k:var(--c-crea)}.crx-ev-search{--k:var(--c-srch)}
.crx-cal-key{display:flex;flex-wrap:wrap;gap:6px 16px;padding:10px 14px;border-top:1px solid var(--c-line);color:var(--c-soft);font-weight:600}
.crx-k{display:flex;align-items:center;gap:6px}.crx-k::before{content:"";width:9px;height:9px;border-radius:2px;background:var(--k)}

/* The work (charcoal) */
body main.crx .crx-week{background:var(--c-char);color:#fff}
.crx-week h2,.crx-week h3{color:#fff}
body main.crx .crx-week .kicker{color:#ff8fb1}
.crx-week .crx-head>p{color:#cfcac4}
.crx-teams{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.crx-team{display:flex;flex-direction:column;background:#24201f;border:1px solid #3a3433;border-radius:12px;overflow:hidden}
.crx-ph{position:relative;margin:0;aspect-ratio:4/3;overflow:hidden;background:#2c2726}
.crx-ph img{width:100%;height:100%;object-fit:cover;display:block}
.crx-team-b{display:flex;flex-direction:column;gap:12px;padding:20px 22px 24px;flex:1}
.crx-team h3{margin:0;font-size:1.3rem}
.crx-team .crx-sm{color:#bdb7b0}
.crx-ticks{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.crx-ticks li{display:flex;gap:10px;align-items:flex-start;line-height:1.45}
.crx-ticks .pp-icon{color:#ff8fb1;margin-top:3px}
.crx-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:auto 0 0;padding-top:14px;border-top:1px solid #3a3433}
.crx-tools span{font-size:.8rem;color:#bdb7b0;margin-right:2px}
.crx-tools .crx-logo{width:24px;height:24px;padding:4px;background:#fff;border-radius:6px;box-sizing:content-box}
.crx-link-inv{color:#fff!important;align-self:flex-start}

/* Remote (cream) */
body main.crx .crx-remote{background:var(--c-cream)}
.crx-2col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center}
.crx-remote .crx-2col>div>p{color:var(--c-soft);max-width:52ch}
.crx-plain{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:16px}
.crx-plain li{display:flex;gap:12px;align-items:flex-start;line-height:1.5}
.crx-plain .pp-icon{color:var(--c-pink-ink);margin-top:3px}
.crx-tz{background:#fff;border:1px solid var(--c-line);border-radius:12px;padding:24px;box-shadow:var(--c-shadow)}
.crx-tz-top{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between}
.crx-tz-top label{font-weight:700}
.crx-tz select{font:inherit;padding:9px 34px 9px 12px;border:1px solid var(--c-line);border-radius:8px;background:#fff;min-height:44px;max-width:100%}
.crx-tz-out{font-size:1.05rem;margin:20px 0 16px;color:var(--c-ink)!important}
.crx-tz-out b{font-size:1.5rem;letter-spacing:-.01em;display:block}
.crx-tz-ticks{display:flex;justify-content:space-between;font-size:.72rem;color:var(--c-soft);margin-bottom:6px}
.crx-tz-track{position:relative;height:30px;border-radius:6px;background:repeating-linear-gradient(to right,#f1ede7 0 calc(100%/24 - 1px),#e4ded6 calc(100%/24 - 1px) calc(100%/24))}
.crx-tz-track i{position:absolute;top:0;bottom:0;left:calc(var(--a)/24*100%);width:calc((var(--b) - var(--a))/24*100%);background:var(--c-pink);border-radius:6px}
.crx-tz .crx-sm{margin-top:14px}

/* Principles (white) */

/* People (white) */
body main.crx .crx-people{background:#fff;padding-top:0}
.crx-faces{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:14px}
.crx-faces img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%;border-radius:10px;display:block;background:var(--c-cream);margin-bottom:10px}
.crx-faces b{display:block;font-size:.95rem}
.crx-faces span{display:block;font-size:.8rem;color:var(--c-soft);line-height:1.35}

/* Roles (cream) */
body main.crx .crx-roles{background:var(--c-cream)}
.crx-filter{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:18px}
.crx-chip{appearance:none;font:inherit;font-size:.92rem;font-weight:600;color:var(--c-ink);background:#fff;border:1px solid var(--c-line);border-radius:999px;padding:8px 14px;cursor:pointer;min-height:40px}
.crx-chip:hover{border-color:var(--c-ink)}
.crx-chip[aria-pressed="true"]{background:var(--c-ink);border-color:var(--c-ink);color:#fff}
.crx-chip .n{font-weight:500;opacity:.6;margin-left:3px}
.crx-count{margin-left:auto;font-size:.9rem;color:var(--c-soft);font-weight:600}
.crx-rlist{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.crx-role{background:#fff;border:1px solid var(--c-line);border-radius:10px}
.crx-role[hidden]{display:none}
.crx-role summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.6fr) 28px;gap:10px 24px;align-items:center;padding:18px 22px}
.crx-role summary::-webkit-details-marker{display:none}
.crx-role-t{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.crx-role-t b{font-size:1.1rem}
.crx-role-t .crx-tag{position:static}
.crx-role-m{display:flex;flex-wrap:wrap;gap:6px}
.crx-role-m span{font-size:.82rem;font-weight:600;padding:4px 9px;border-radius:999px;background:var(--c-cream);white-space:nowrap}
.crx-role-i{transition:transform .2s}
.crx-role details[open] .crx-role-i{transform:rotate(180deg)}
.crx-role-b{display:grid;grid-template-columns:1fr 1fr;gap:8px 32px;padding:4px 22px 22px;border-top:1px solid var(--c-line)}
.crx-role-b h4{margin:18px 0 8px;font-size:.95rem}
.crx-role-b ul{margin:0;padding-left:18px;display:grid;gap:6px;line-height:1.45}
.crx-role-a{grid-column:1/-1;margin:14px 0 0}
.crx-role-gen{background:none;border-style:dashed}
.crx-gen{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:baseline;padding:18px 22px}
.crx-gen span{color:var(--c-soft)}

/* Apply (charcoal band, white form) */
body main.crx .crx-apply{background:var(--c-char);color:#fff}
.crx-apply h2{color:#fff}
body main.crx .crx-apply .kicker{color:#ff8fb1}
.crx-ap-g{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,5vw,64px);align-items:start}
.crx-steps{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:18px}
.crx-steps li{display:flex;gap:14px}
.crx-steps .crx-n{background:#fff;color:var(--c-ink)}
.crx-steps p{margin:4px 0 0;color:#cfcac4}
.crx-promise,.crx-safe{display:flex;gap:10px;align-items:flex-start;margin:26px 0 0;padding-top:20px;border-top:1px solid #3a3433;color:#e8e3dd}
.crx-safe{margin-top:16px;padding-top:0;border:0;font-size:.9rem;color:#bdb7b0}
.crx-promise .pp-icon,.crx-safe .pp-icon{color:#ff8fb1;margin-top:3px}
.crx-form{background:#fff;color:var(--c-ink);border-radius:12px;padding:clamp(20px,3vw,32px);display:grid;gap:4px}
.crx-form p{margin:0 0 12px}
.crx-form label{display:block;font-weight:600;font-size:.92rem;margin-bottom:6px}
.crx-form .opt,.crx-form .req{font-weight:500;font-size:.78rem;color:var(--c-soft);margin-left:4px}
.crx-form .req{color:var(--c-pink-ink)}
.crx-form input:not([type=checkbox]):not([type=file]),.crx-form select,.crx-form textarea{width:100%;box-sizing:border-box;font:inherit;font-size:1rem;padding:11px 12px;border:1px solid #d8d1c8;border-radius:8px;background:#fff;min-height:46px;color:var(--c-ink)}
.crx-form textarea{resize:vertical;min-height:90px}
.crx-form [aria-invalid="true"]{border-color:var(--c-red)!important}
.crx-row2{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.crx-drop{position:relative;border:1.5px dashed #cfc7bd;border-radius:10px;padding:14px 16px;margin:0 0 14px;background:#faf9f7;transition:border-color .15s,background .15s}
.crx-drop.is-over{border-color:var(--c-pink);background:#fff5f8}
.crx-drop.is-bad{border-color:var(--c-red)}
.crx-drop>label{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;margin:0;cursor:pointer}
.crx-drop>label small{display:block;font-weight:500;color:var(--c-soft);font-size:.82rem;margin-top:2px}
.crx-drop-i{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:#fff;border:1px solid var(--c-line);color:var(--c-pink-ink)}
.crx-drop-b{font-weight:700;font-size:.88rem;padding:9px 14px;border:1px solid var(--c-ink);border-radius:8px;background:#fff;white-space:nowrap}
.crx-drop input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.crx-drop input[type=file]:focus-visible+.crx-files,.crx-drop:focus-within{outline:3px solid var(--c-pink);outline-offset:2px}
.crx-files{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.crx-files:not(:empty){margin-top:12px}
.crx-files li{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--c-line);border-radius:8px;padding:8px 10px;font-size:.9rem}
.crx-files .ext{font-size:.68rem;font-weight:800;letter-spacing:.04em;padding:4px 6px;border-radius:4px;background:#fdecef;color:var(--c-pink-ink)}
.crx-files .ext.png{background:#e8f0fe;color:#1a56c4}
.crx-files .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.crx-files .sz{color:var(--c-soft);font-size:.82rem;white-space:nowrap}
.crx-files button{appearance:none;border:0;background:none;cursor:pointer;padding:6px;border-radius:6px;color:var(--c-soft);display:grid;place-items:center}
.crx-files button:hover{background:var(--c-cream);color:var(--c-ink)}
.crx-msg{margin:8px 0 0!important;font-size:.86rem;color:var(--c-red);font-weight:600}
.crx-msg:empty{display:none}
.crx-check{display:flex;gap:10px;align-items:flex-start}
.crx-check input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--c-pink);flex:none}
.crx-check label{font-weight:500!important;font-size:.9rem!important}
.crx-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.crx-submit{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin-top:6px}
.crx-status{margin:12px 0 0!important;font-weight:600;font-size:.92rem}
.crx-status:empty{display:none}
.crx-status.ok{color:var(--c-srch)}.crx-status.err{color:var(--c-red)}

/* FAQ (white) */
body main.crx .crx-faq{background:#fff}
.crx-faq-g{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,5vw,64px)}
.crx-faq-l details{border-bottom:1px solid var(--c-line)}
.crx-faq-l summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;padding:18px 0;font-weight:700;font-size:1.06rem}
.crx-faq-l summary::-webkit-details-marker{display:none}
.crx-faq-l details[open] summary span{transform:rotate(45deg)}
.crx-faq-l summary span{transition:transform .2s;display:grid;place-items:center}
.crx-faq-l p{margin:0 0 18px;color:var(--c-soft);max-width:62ch}
.crx-faq-l a{font-weight:600}

/* Close (business owners) */
body main.crx .crx-close{background:var(--c-cream);text-align:center}
.crx-close h2{margin-inline:auto}
.crx-close p:not(.kicker){color:var(--c-soft);margin:0 auto 24px;max-width:52ch}
.crx-close small{display:block;margin-top:12px;color:var(--c-soft)}

/* Responsive */
@media (max-width:1080px){.crx-faces{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:960px){
  .crx-hero-g,.crx-2col,.crx-ap-g,.crx-faq-g{grid-template-columns:1fr}
  .crx-teams{grid-template-columns:1fr}
  .crx-team{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
  .crx-ph{aspect-ratio:auto;min-height:100%}
  .crx-role summary{grid-template-columns:minmax(0,1fr) 28px}
  .crx-role-m{grid-column:1;grid-row:2}
  .crx-role-i{grid-column:2;grid-row:1/3}
}
@media (max-width:640px){
  .crx-team{display:flex}
  .crx-ph{aspect-ratio:16/10;min-height:0}
  .crx-faces{grid-template-columns:repeat(2,minmax(0,1fr))}
  .crx-row2,.crx-role-b{grid-template-columns:1fr}
  .crx-filter{flex-wrap:nowrap;overflow-x:auto;margin-inline:-20px;padding:2px 20px 6px;scrollbar-width:none}
  .crx-filter::-webkit-scrollbar{display:none}
  .crx-chip{flex:none}
  .crx-count{display:none}
  .crx-drop>label{grid-template-columns:auto 1fr}
  .crx-drop-b{grid-column:1/-1;text-align:center}
  .crx-cal{font-size:.74rem}
  .crx-cal-body{--hr:30px}
  .crx-ev small{display:none}
  .crx-cal-days,.crx-cal-body{grid-template-columns:34px repeat(5,minmax(0,1fr))}
  .crx-cal-ev{left:34px}
  .crx-ev b{font-size:.64rem;white-space:normal}
}
@media (prefers-reduced-motion:reduce){main.crx *{transition:none!important;scroll-behavior:auto!important}}
.crx-faces img{filter:grayscale(1)}

/* How we work: charcoal band, each principle above a small Example of it in real work */
body main.crx .crx-princ{background:var(--c-char);color:#fff}
main.crx .crx-princ h2{color:#fff}
.crx-pr{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.crx-pr>li{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:22px}
.crx-pr-t{border-top:1px solid #3a3433;padding-top:20px}
.crx-pr-t .crx-n{background:var(--c-pink);color:#fff}
.crx-pr h3{font-size:1.35rem;margin:14px 0 8px;color:#fff}
.crx-pr-t p{margin:0;color:#cfc9c2}
.crx-pm{position:relative;margin:0;background:#fff;color:var(--c-ink);border-radius:12px;overflow:hidden;font-size:.84rem;min-height:264px;display:flex;flex-direction:column}
.crx-pm .crx-tag{top:auto;bottom:10px;left:auto;right:10px}
.crx-pm-bar{display:flex;justify-content:space-between;gap:10px;align-items:baseline;padding:12px 16px;border-bottom:1px solid var(--c-line);background:var(--c-cream)}
.crx-pm-bar b{font-size:.84rem}.crx-pm-bar span{color:var(--c-soft);font-size:.76rem;text-align:right}
.crx-pm blockquote{margin:16px 16px 0;padding:0 0 0 12px;border-left:3px solid var(--c-pink);font-size:1.02rem;font-weight:600;line-height:1.4}
.crx-pm cite{display:block;font-style:normal;font-weight:400;font-size:.76rem;color:var(--c-soft);margin-top:6px}
.crx-pm dl{margin:16px;display:grid;gap:10px}.crx-pm dl div{display:grid;grid-template-columns:104px 1fr;gap:10px}
.crx-pm dt{color:var(--c-soft);font-size:.76rem;padding-top:1px}.crx-pm dd{margin:0;font-weight:600;line-height:1.35}
.crx-pm table{width:100%;border-collapse:collapse;margin:4px 0 36px}
.crx-pm th,.crx-pm td{text-align:left;padding:11px 8px;border-bottom:1px solid var(--c-line);vertical-align:middle;line-height:1.3}
.crx-pm th:first-child,.crx-pm td:first-child{padding-left:16px}.crx-pm th:last-child,.crx-pm td:last-child{padding-right:16px}
.crx-pm thead th{font-size:.7rem;font-weight:600;color:var(--c-soft);text-transform:uppercase;letter-spacing:.05em;padding-block:10px 8px}
.crx-pm tbody th{font-weight:600}
.crx-pm td.up{color:#127a3e;font-weight:700;white-space:nowrap}
.crx-pm .src{display:flex;gap:6px;align-items:center;font-size:.76rem;color:var(--c-soft)}.crx-pm .src .crx-logo{width:14px;height:14px}
.crx-pm ol{list-style:none;margin:0;padding:14px 16px 40px;display:grid;gap:0}
.crx-pm ol li{display:grid;grid-template-columns:22px 70px 1fr;gap:10px;align-items:center;padding:7px 0;position:relative}
.crx-pm ol li:not(:last-child)::after{content:"";position:absolute;left:10px;top:29px;height:calc(100% - 22px);width:2px;background:var(--c-line)}
.crx-pm .dot{width:22px;height:22px;border-radius:50%;background:var(--c-ink);color:#fff;display:grid;place-items:center}
.crx-pm .dot .pp-icon{width:13px;height:13px}
.crx-pm ol li>span:last-child{color:var(--c-soft);font-size:.8rem}
.crx-pm ol li.now{background:#fdeef3;margin:4px -8px 0;padding:8px;border-radius:8px}
.crx-pm ol li.now::after{display:none}
.crx-pm ol li.now .dot{background:var(--c-pink)}
@media (max-width:1080px){.crx-pr{grid-template-columns:1fr;max-width:620px}.crx-pr>li{grid-row:auto;grid-template-rows:auto}}