/* Product sub-page (Policy Distribution and Access and the pages that follow it). Classes start with ps. */
.pshero .shot.sd{border-radius:var(--r-card);overflow:hidden;background:var(--inset);box-shadow:0 0 0 1px var(--line),0 24px 44px -30px rgba(0,0,0,.28)}
.pf.wh .psw,.pf .psw0{width:min(calc(100% - 2*var(--gut)),calc(var(--wrap) - 2*var(--gut)));max-width:none;margin-inline:auto;box-sizing:border-box}
.pf.wh .psw{background:var(--card);border-radius:var(--r-card);padding:30px;box-shadow:0 1px 0 rgba(0,0,0,.03),0 18px 36px -28px rgba(0,0,0,.28)}
.psh2{font:500 clamp(22px,2.6vw,28px)/1.1 var(--head);letter-spacing:-.025em;color:var(--ink)}
.pft p a,.psnote a,.pstypes a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:3px}
.pft p a:hover,.pstypes a:hover{text-decoration-thickness:2px}
.pf .pft p{max-width:52ch}
.psfigs{grid-area:s;display:flex;flex-direction:column;gap:12px;min-width:0}
.pf .psfigs .shot{aspect-ratio:16/10;min-height:0;margin:0;border-radius:12px;overflow:hidden}
.psimg{background:var(--inset);display:grid;place-items:center;padding:0}
.psimg img{display:block;width:100%;height:100%;object-fit:cover;object-position:top left}
/* placeholders: clearly unfinished, easy to find (data-replace) */
.psph{display:grid;place-items:center;padding:20px;background:var(--inset);border:1.5px dashed var(--line2);box-shadow:none!important}
.psphi{max-width:36ch;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}
.psphk{font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:5px 9px;border-radius:999px;color:var(--orange-text-aa);background:var(--orange-tint)}
.psphi b{font:500 16px/1.2 var(--head);letter-spacing:-.01em;color:var(--ink)}
.psphi p{margin:0!important;font-size:13px!important;line-height:1.45!important;color:var(--text)!important}
.psr{font-size:12px;line-height:1.4;color:var(--text);opacity:.85}
.pstypes{list-style:none;margin-top:14px;display:flex;flex-direction:column;gap:8px}
.pstypes li{padding:12px 14px;border-radius:12px;background:var(--inset);font-size:14.5px;line-height:1.5;color:var(--text)}
.pstypes b{color:var(--ink);font-weight:600}
.psroles{margin-top:18px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.psrole{padding:16px;border-radius:12px;background:var(--inset)}
.psrole h3{font:500 16px/1.2 var(--head);letter-spacing:-.01em;color:var(--ink)}
.psrole p{margin-top:8px;font-size:14px;line-height:1.5;color:var(--text)}
.psnote{margin-top:16px;font-size:14.5px;color:var(--text)}
.psqs{margin-top:14px}
.psq{border-top:1px solid var(--line)}
.psq:last-child{border-bottom:1px solid var(--line)}
.psq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 2px;cursor:pointer;font:500 16px/1.3 var(--head);color:var(--ink)}
.psq summary::-webkit-details-marker{display:none}
.psq summary svg{flex:none;transition:transform .25s var(--ease)}
.psq[open] summary svg{transform:rotate(180deg)}
.psq p{padding:0 2px 18px;max-width:62ch;font-size:15px;line-height:1.55;color:var(--text)}
.psq summary:focus-visible,.psrel:focus-visible,.pft p a:focus-visible{outline:2px solid var(--orange);outline-offset:3px;border-radius:6px}
.psrels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.psrel{position:relative;display:flex;flex-direction:column;gap:6px;padding:20px 52px 20px 20px;border-radius:var(--r-card);background:var(--card);color:var(--ink);box-shadow:0 1px 0 rgba(0,0,0,.03),0 14px 28px -24px rgba(0,0,0,.28);transition:transform .3s var(--ease)}
.psrel b{font:500 18px/1.2 var(--head);letter-spacing:-.015em}
.psrel span{font-size:14px;line-height:1.45;color:var(--text)}
.psrel svg{position:absolute;right:18px;top:20px}
.psrel:hover{transform:translateY(-3px)}
@media (max-width:899px){
  .psroles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .psrels{grid-template-columns:1fr}
  .pf.wh .psw{padding:20px}
  .pf .psfigs .shot{aspect-ratio:16/11}
}
@media (max-width:520px){.psroles{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.psq summary svg,.psrel{transition:none}}
.pf .pfg.pspg,.pf.rev .pfg.pspg{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:36px}
.pf .pfg.pspg{grid-template-areas:"t s" "x s";grid-template-rows:auto 1fr;row-gap:14px;align-items:start}
.pf.rev .pfg.pspg{grid-template-areas:"s t" "s x"}
.pf .pspg .pftitle{display:block}
.pf .psfigs .shot.psph{aspect-ratio:auto;min-height:170px;padding:22px;overflow:visible}
.pf .psfigs .shot.psimg{aspect-ratio:2200/1180}
.psimg img{object-fit:contain}
@media (max-width:899px){
  .pf .pfg.pspg,.pf.rev .pfg.pspg{grid-template-columns:1fr;grid-template-areas:"t" "s" "x";row-gap:18px}
}
.pf .pspg .pft p{margin-top:12px}.pf .pspg .pft>p:first-child{margin-top:0}
.pf .pfg.pspg{row-gap:6px}
.pf .pspg .pft li,.pstypes li{display:block}
.pstypes{margin-top:14px}
.pf .pfg.pspg,.pf.rev .pfg.pspg{grid-template-rows:min-content 1fr}
.pf .psw0{padding-inline:0}
@media (max-width:899px){.pf .pfg.pspg,.pf.rev .pfg.pspg{grid-template-rows:auto}}
.pf .pspg .pft{align-self:start}

/* Access follows tags: a code-built simulation. Light only (product replica). */
.tgx{aspect-ratio:760/590;position:relative;overflow:hidden;background:var(--inset)!important}
.tgxw{--body:"Inter",system-ui,sans-serif;font-family:"Inter",system-ui,sans-serif;position:absolute;left:0;top:0;width:760px;height:590px;transform-origin:0 0;color:#111;font-size:14px;line-height:1.35}
.tgxw *{box-sizing:border-box;margin:0}
.tgxdoc,.tgxppl,.tgxstat,.tgxmail{position:absolute;background:#fff;border:1px solid #e2e2e0;border-radius:14px;box-shadow:0 10px 24px -18px rgba(0,0,0,.3)}
.tgxdoc{left:28px;top:28px;width:420px;height:252px;padding:16px 22px}
.tgxbar{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#6b6b68}.tgxbar i{font-style:normal;margin:0 4px}
.tgxint{padding:3px 9px;border-radius:999px;background:#111;color:#fff;font-size:11px;font-weight:500}
.tgxdoc h4{margin-top:16px;font:600 24px/1.1 "Inter Tight","Inter",sans-serif;letter-spacing:-.02em}
.tgxsub{margin-top:6px;font-size:12.5px;color:#6b6b68}
.tgxlines{margin-top:14px;display:flex;flex-direction:column;gap:8px}.tgxlines i{height:8px;border-radius:4px;background:#ececea}.tgxlines i:nth-child(2){width:86%}.tgxlines i:nth-child(3){width:64%}
.tgxtags{position:absolute;left:22px;right:22px;bottom:18px;display:flex;align-items:center;gap:8px;height:34px}
.tgxlab{font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#7a7a76}
.tgxchip{display:inline-flex;align-items:center;padding:5px 11px;border-radius:999px;font-size:12.5px;font-weight:500;transition:opacity .4s,transform .4s,box-shadow .4s}
.tgxchip.c1{background:#e6effe;color:#1d4ed8}.tgxchip.c2{background:#ede7fd;color:#5b3aa8}
.tgxdoc .tgxchip{opacity:0;transform:scale(.8)}
.tgxw.s1 .tgxdoc .c1,.tgxw.s2 .tgxdoc .c2{opacity:1;transform:none}
.tgxppl{left:500px;top:28px;width:232px;height:252px;padding:20px 20px}
.tgxav{width:52px;height:52px;border-radius:50%;background:#cdf3ea;color:#0f6b58;display:grid;place-items:center;font:600 16px "Inter"}
.tgxppl b{display:block;margin-top:12px;font:600 16px/1.2 "Inter Tight","Inter",sans-serif}
.tgxppl>span{display:block;margin-top:2px;font-size:12.5px;color:#6b6b68}
.tgxppl .tgxlab{margin-top:20px;display:block}
.tgxholds{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px}
.tgxw.s3 .tgxholds .tgxchip{box-shadow:0 0 0 2px #ec682c}
.tgxlink{position:absolute;left:448px;top:213px;width:52px;height:34px}
.tgxlink::before{content:"";position:absolute;left:0;right:0;top:16px;border-top:2px dashed #cfcfcb}
.tgxbadge{position:absolute;left:9px;top:0;width:34px;height:34px;border-radius:50%;background:#e8f7ed;color:#15693a;display:grid;place-items:center;opacity:0;transform:scale(.6);transition:opacity .35s,transform .35s}
.tgxw.s3 .tgxbadge{opacity:1;transform:none}.tgxw.s3 .tgxlink::before{border-top-color:#ec682c}
.tgxstat{left:28px;top:300px;width:704px;height:74px;display:flex;align-items:center;gap:14px;padding:0 24px;transition:background .4s,border-color .4s}
.tgxic{position:relative;flex:none;width:34px;height:34px;border-radius:50%;background:#f1f1ef;color:#6b6b68;display:grid;place-items:center}
.tgxic svg{grid-area:1/1;transition:opacity .3s}.tgxic .ok{opacity:0}
.tgxst{position:relative;flex:1;font:500 16px "Inter Tight","Inter",sans-serif}
.tgxst span{position:absolute;left:0;top:50%;transform:translateY(-50%);transition:opacity .35s}.tgxst .t2{opacity:0}
.tgxw.s4 .tgxstat{background:#f1fbf4;border-color:#bfe6cc}.tgxw.s4 .tgxic{background:#d6f1de;color:#15693a}.tgxw.s4 .tgxic .lk{opacity:0}.tgxw.s4 .tgxic .ok{opacity:1}
.tgxw.s4 .tgxst .t1{opacity:0}.tgxw.s4 .tgxst .t2{opacity:1}
.tgxmail{left:28px;top:398px;width:704px;height:166px;padding:14px 22px;overflow:hidden}
.tgxmh{display:flex;align-items:center;gap:8px;font:600 14px "Inter";padding-bottom:10px;border-bottom:1px solid #ececea}
.tgxmh small{margin-left:auto;font-weight:400;color:#7a7a76}
.tgxrow{display:grid;grid-template-columns:132px minmax(0,1fr) 44px;gap:14px;align-items:center;height:44px;border-bottom:1px solid #f0f0ee;font-size:13px;color:#6b6b68}
.tgxrow b{font-weight:600;color:#111;display:flex;align-items:center;gap:8px}.tgxrow em{font-style:normal;text-align:right;font-size:12px}
.tgxrow span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tgxrow span strong{color:#111;font-weight:600}
.tgxnew{opacity:0;transform:translateY(-10px);transition:opacity .4s,transform .4s;background:#fff8f3}
.tgxnew i{width:8px;height:8px;border-radius:50%;background:#ec682c;flex:none}
.tgxw.s5 .tgxnew{opacity:1;transform:none}
/* wide layout for the tag simulation: text in two columns, the simulation across the card */
.pf .pfg.pspg.pswide{grid-template-columns:minmax(0,1fr);grid-template-areas:"t" "x" "s";grid-template-rows:auto;row-gap:14px}
.pswide .pft{columns:2;column-gap:36px}.pswide .pft p{break-inside:avoid;margin:0 0 12px!important;max-width:none}
.pswide .psfigs{margin-top:6px}
.tgx{aspect-ratio:1000/480!important;border-radius:12px}
.tgxw{width:1000px;height:480px}
.tgxdoc{left:20px;top:20px;width:400px;height:230px}
.tgxppl{left:470px;top:20px;width:230px;height:230px}
.tgxlink{left:420px;top:190px}
.tgxstat{left:720px;top:20px;width:260px;height:230px;flex-direction:column;align-items:flex-start;justify-content:center;gap:16px;padding:22px}
.tgxic{width:44px;height:44px}
.tgxst{flex:none;width:100%;height:96px}.tgxst span{top:0;transform:none;right:0;font-size:17px;line-height:1.3}
.tgxmail{left:20px;top:270px;width:960px;height:190px}
@media (max-width:899px){.pswide .pft{columns:1}.pf .pfg.pspg.pswide{grid-template-areas:"t" "x" "s"}}
.tgxw,.tgxw h4,.tgxppl,.tgxrow span,.tgxdoc{text-align:left}
/* theme: follows the site's light and dark tokens (this is an illustration, like the home bento drawings) */
.tgxw{color-scheme:inherit;color:var(--ink)}
.tgxdoc,.tgxppl,.tgxstat,.tgxmail{background:var(--card);border-color:var(--line);border-radius:16px;box-shadow:0 14px 30px -22px rgba(0,0,0,.45)}
.tgxbar,.tgxsub,.tgxppl>span{color:var(--text)}
.tgxint{background:var(--ink);color:var(--card)}
.tgxlines i{background:var(--fill)}
.tgxlab{color:var(--muted)}
.tgxchip{gap:7px}.tgxchip::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.tgxchip.c1{background:var(--a2-bg);color:var(--a2-fg)}.tgxchip.c2{background:var(--a5-bg);color:var(--a5-fg)}
.tgxav{background:var(--a3-bg);color:var(--a3-fg)}
.tgxlink::before{border-top-color:var(--line2)}
.tgxbadge{background:var(--ok-bg);color:var(--ok-fg)}
.tgxic{background:var(--fill);color:var(--text)}
.tgxw.s4 .tgxstat{background:var(--ok-bg);border-color:var(--ok-line)}
.tgxw.s4 .tgxic{background:color-mix(in srgb,var(--ok-fg) 20%,var(--ok-bg));color:var(--ok-fg)}
.tgxw.s4 .tgxst{color:var(--ok-fg)}
.tgxst{color:var(--ink)}
.tgxmh{border-bottom-color:var(--line);color:var(--ink)}.tgxmh small{color:var(--muted)}
.tgxrow{border-bottom-color:var(--line);color:var(--text)}.tgxrow b,.tgxrow span strong{color:var(--ink)}
.tgxnew{background:var(--orange-tint)}
.tgxsa{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font:600 10.5px "Inter";font-style:normal}
.a1c{background:var(--a1-bg);color:var(--a1-fg)}.a2c{background:var(--a2-bg);color:var(--a2-fg)}.a4c{background:var(--a4-bg);color:var(--a4-fg)}
.tgxrow b{gap:10px}
.tgxnew .tgxsa{width:26px;height:26px;border-radius:50%;background:var(--a1-bg);color:var(--a1-fg)}
.tgxdoc,.tgxppl,.tgxstat{height:246px}.tgxlink{top:204px}
.tgxppl{padding:18px 20px}.tgxppl .tgxlab{margin-top:14px}
.tgxmail{top:286px;height:176px}
/* calmer palette: neutral cards, one accent (green) when the tags match */
.tgxchip.c1,.tgxchip.c2{background:var(--fill);color:var(--ink)}
.tgxchip.c1::before{background:var(--a2-fg)}.tgxchip.c2::before{background:var(--a5-fg)}
.tgxw.s3 .tgxchip.c1,.tgxw.s3 .tgxchip.c2{background:var(--ok-bg);color:var(--ok-fg);box-shadow:0 0 0 1.5px var(--ok-line)}
.tgxw.s3 .tgxchip::before{background:var(--ok-fg)}
.tgxw.s3 .tgxholds .tgxchip{box-shadow:0 0 0 1.5px var(--ok-line)}
.tgxw.s3 .tgxlink::before{border-top:2px solid var(--ok-line)}
.tgxav{background:var(--ok-bg);color:var(--ok-fg)}
.tgxnew{background:var(--inset)}
.tgxsa,.tgxnew .tgxsa{background:var(--fill);color:var(--text)}
.tgxnew .tgxsa{background:var(--ink);color:var(--card)}
/* palette v3: pink and amber tags, purple person, green when access opens */
.tgxw .tgxchip.c1{background:var(--a6-bg);color:var(--a6-fg)}.tgxw .tgxchip.c2{background:var(--a4-bg);color:var(--a4-fg)}
.tgxw .tgxchip.c1::before,.tgxw .tgxchip.c2::before{background:currentColor}
.tgxw.s3 .tgxchip.c1,.tgxw.s3 .tgxchip.c2{box-shadow:0 0 0 1.5px color-mix(in srgb,currentColor 60%,transparent)}
.tgxw.s3 .tgxchip.c1{background:var(--a6-bg);color:var(--a6-fg)}.tgxw.s3 .tgxchip.c2{background:var(--a4-bg);color:var(--a4-fg)}
.tgxw.s3 .tgxholds .tgxchip{box-shadow:0 0 0 1.5px color-mix(in srgb,currentColor 60%,transparent)}
.tgxw .tgxav{background:var(--a5-bg);color:var(--a5-fg)}
/* Approval simulation: a document moves through a two-step workflow. Illustration style, follows the site tokens. */
.wfs{aspect-ratio:1000/420;position:relative;overflow:hidden;background:var(--inset)!important;border-radius:12px}
.wfsw{--body:"Inter",system-ui,sans-serif;font-family:"Inter",system-ui,sans-serif;position:absolute;left:0;top:0;width:1000px;height:420px;transform-origin:0 0;color:var(--ink);font-size:14px;line-height:1.35;text-align:left}
.wfsw *{box-sizing:border-box;margin:0}
.wfsdoc,.wfsflow{position:absolute;top:20px;height:380px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 14px 30px -22px rgba(0,0,0,.45)}
.wfsdoc{left:20px;width:330px;padding:20px 22px}
.wfsbar{font-size:12px;color:var(--text)}
.wfsdoc h4{margin-top:14px;font:600 24px/1.1 "Inter Tight","Inter",sans-serif;letter-spacing:-.02em;text-align:left}
.wfssub{margin-top:6px;font-size:12.5px;color:var(--text)}
.wfslines{margin-top:16px;display:flex;flex-direction:column;gap:8px}.wfslines i{height:8px;border-radius:4px;background:var(--fill)}.wfslines i:nth-child(2){width:84%}.wfslines i:nth-child(3){width:62%}
.wfsstat{position:absolute;left:22px;right:22px;bottom:20px}
.wfspill{position:relative;display:inline-block;height:30px;min-width:118px}
.wfspill span{position:absolute;left:0;top:0;display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 14px;border-radius:999px;font-size:13px;font-weight:500;transition:opacity .4s}
.wfspill span::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.wfspill .p1{background:var(--a4-bg);color:var(--a4-fg)}.wfspill .p2{background:var(--ok-bg);color:var(--ok-fg);opacity:0}
.wfsnote{position:relative;margin-top:12px;height:54px;font-size:13px;line-height:1.4;color:var(--text)}
.wfsnote span{position:absolute;left:0;right:0;top:0;transition:opacity .4s}.wfsnote .n2{opacity:0}
.wfsw.s4 .wfspill .p1,.wfsw.s4 .wfsnote .n1{opacity:0}.wfsw.s4 .wfspill .p2,.wfsw.s4 .wfsnote .n2{opacity:1}
.wfsflow{left:380px;width:600px;padding:20px 24px}
.wfsfh{display:flex;align-items:center;justify-content:space-between;font:600 17px "Inter Tight","Inter",sans-serif}
.wfsfh small{font:400 12.5px "Inter";color:var(--muted)}
.wfsstep{margin-top:14px;border:1px solid var(--line);border-radius:14px;padding:12px 16px;background:var(--card);transition:box-shadow .4s,border-color .4s}
.wfsstep h5{font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.wfsrow{display:flex;align-items:center;gap:12px;height:46px;border-top:1px solid var(--line);margin-top:8px}.wfsstep h5+.wfsrow{margin-top:8px}
.wfsrow+.wfsrow{margin-top:0}
.wfsav{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:600 11px "Inter"}
.wfsrow b{font-weight:500;font-size:14.5px}
.wfsch{position:relative;margin-left:auto;width:104px;height:26px}
.wfsch span{position:absolute;right:0;top:0;display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 11px;border-radius:999px;font-size:12px;font-weight:500;transition:opacity .35s}
.wfsch .w{background:var(--fill);color:var(--text)}.wfsch .a{background:var(--ok-bg);color:var(--ok-fg);opacity:0}
.wfsch .a::before{content:"";width:5px;height:9px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}
.wfsw:not(.s1) .st1,.wfsw.s1:not(.s3) .st2{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange)}
.wfsw.s1 .r1 .w,.wfsw.s2 .r2 .w,.wfsw.s3 .r3 .w{opacity:0}.wfsw.s1 .r1 .a,.wfsw.s2 .r2 .a,.wfsw.s3 .r3 .a{opacity:1}
.wfsarrow{height:12px;margin-left:30px;border-left:2px dashed var(--line2)}
@media (max-width:899px){.wfs{aspect-ratio:1000/470}}
.pf .psfigs .shot.wfs{aspect-ratio:1000/420}
.pshero .shot.aw{background:var(--inset)!important;background-image:none!important;border-radius:var(--r-card);box-shadow:0 0 0 1px var(--line),0 24px 44px -30px rgba(0,0,0,.28)}
.tgxmh{gap:6px}.tgxlg{flex:none;display:block}.tgxmht{margin-left:6px}
.tgxw .tgxnew .tgxsa{background:var(--orange);color:#0a0a0a}
.tgxmh img.tgxlg{height:22px;width:auto}
/* the inbox starts with two emails; the new one slides in at the top and pushes the others down */
.tgxrow.tgxnew{height:0;opacity:0;transform:none;overflow:hidden;border-bottom-width:0;transition:height .6s cubic-bezier(.5,0,0,1),opacity .45s .15s}
.tgxw.s5 .tgxrow.tgxnew{height:44px;opacity:1;border-bottom-width:1px}
@media (prefers-reduced-motion:reduce){.tgxrow.tgxnew{transition:none}}
.tgxmail{height:190px;top:284px}
.tgxmh img.tgxlg{height:16px}.tgxmh{gap:5px}
/* Choose how a policy goes out: the same recipients under Notify, Acknowledge and e-sign. Follows the site tokens. */
.chs{position:relative;overflow:hidden;background:var(--inset)!important;border-radius:12px}
.pf .psfigs .shot.chs{aspect-ratio:560/440}
.chsw{--body:"Inter",system-ui,sans-serif;font-family:"Inter",system-ui,sans-serif;position:absolute;left:0;top:0;width:560px;height:440px;transform-origin:0 0;color:var(--ink);font-size:14px;line-height:1.35;text-align:left}
.chsw *{box-sizing:border-box;margin:0}
.chscard{position:absolute;left:20px;top:20px;right:20px;bottom:20px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 14px 30px -22px rgba(0,0,0,.45);padding:18px 20px}
.chshd{display:flex;align-items:center;gap:10px}
.chshd h4{font:600 18px/1.15 "Inter Tight","Inter",sans-serif;letter-spacing:-.01em}
.chshd small{font:400 12px "JetBrains Mono",monospace;color:var(--muted)}
.chsseg{position:relative;margin-left:auto;display:flex;padding:3px;border-radius:12px;background:var(--fill)}
.chsseg i{position:absolute;top:3px;bottom:3px;left:3px;width:calc((100% - 6px)/3);border-radius:9px;background:var(--ink);transition:transform .45s cubic-bezier(.5,0,0,1)}
.chsseg span{position:relative;z-index:1;padding:6px 11px;font-size:12.5px;font-weight:500;color:var(--text);transition:color .3s;white-space:nowrap;text-align:center;flex:1}
.chsw[data-m=n] .chsseg i{transform:translateX(0)}.chsw[data-m=a] .chsseg i{transform:translateX(100%)}.chsw[data-m=e] .chsseg i{transform:translateX(200%)}
.chsw[data-m=n] .chsseg span:nth-of-type(1),.chsw[data-m=a] .chsseg span:nth-of-type(2),.chsw[data-m=e] .chsseg span:nth-of-type(3){color:var(--card)}
.chsdesc{position:relative;margin-top:10px;height:20px;font-size:13px;color:var(--text)}
.chsdesc span{position:absolute;left:0;top:0;opacity:0;transition:opacity .3s}
.chsw[data-m=n] .chsdesc .dn,.chsw[data-m=a] .chsdesc .da,.chsw[data-m=e] .chsdesc .de{opacity:1}
.chslist{margin-top:10px;border-top:1px solid var(--line)}
.chsrow{display:flex;align-items:center;gap:12px;height:50px;border-bottom:1px solid var(--line)}
.chsav{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font:600 11px "Inter"}
.chsrow b{font-weight:500;font-size:14.5px}
.chsp{position:relative;margin-left:auto;width:150px;height:26px}
.chsp span{position:absolute;right:0;top:0;display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 12px;border-radius:999px;font-size:12.5px;font-weight:500;opacity:0;transition:opacity .3s}
.chsp span::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.chsp .ok{background:var(--ok-bg);color:var(--ok-fg)}.chsp .wt{background:var(--a4-bg);color:var(--a4-fg)}.chsp .nt{background:var(--a2-bg);color:var(--a2-fg)}
.chsw[data-m=n] .chsp .nt{opacity:1}
.chsw[data-m=a] .chsp .ak{opacity:1}.chsw[data-m=e] .chsp .ek{opacity:1}
.chsmore{margin-top:12px;font-size:13px;color:var(--muted)}
.chsfoot{position:absolute;left:20px;right:20px;bottom:16px;height:20px;font-size:13px;color:var(--text)}
.chsfoot span{position:absolute;left:0;top:0;opacity:0;transition:opacity .3s}
.chsw[data-m=n] .chsfoot .fn,.chsw[data-m=a] .chsfoot .fa,.chsw[data-m=e] .chsfoot .fe{opacity:1}
.pf .psfigs .shot.chs{aspect-ratio:560/460}
.chsw{height:460px}
.chsseg{margin:12px 0 0;width:100%}
.chshd{flex-wrap:wrap}.chshd h4{font-size:19px}.chshd small{margin-left:auto}
.chsrow{height:44px}.chsav{width:30px;height:30px}
.chsdesc{margin-top:10px}
.chsmore{margin-top:10px}
.chsmore{position:absolute;left:20px;bottom:46px;margin:0}
.chsfoot{bottom:18px;border-top:0}
.chsfoot::before{content:"";position:absolute;left:0;right:0;top:-10px;border-top:1px solid var(--line)}
/* the document changes with the way it goes out */
.chshd{flex-wrap:nowrap}
.chstt{position:relative;flex:1;min-width:0;height:24px}
.chstt h4{position:absolute;left:0;top:0;white-space:nowrap;opacity:0;transition:opacity .3s}
.chsv{position:relative;flex:none;width:36px;height:16px}
.chsv small{position:absolute;right:0;top:2px;opacity:0;transition:opacity .3s;margin:0}
.chsw[data-m=n] .tn,.chsw[data-m=a] .ta,.chsw[data-m=e] .te{opacity:1}
.chsmore{position:absolute;left:20px;bottom:46px;height:18px;margin:0;font-size:13px;color:var(--muted)}
.chsmore span{position:absolute;left:0;top:0;white-space:nowrap;opacity:0;transition:opacity .3s}
.chsw[data-m=n] .chsmore .mn,.chsw[data-m=a] .chsmore .ma,.chsw[data-m=e] .chsmore .me{opacity:1}
.chsseg{margin-top:14px}
.chshd{flex-wrap:wrap}.chsseg{flex:0 0 100%;width:100%;margin-top:12px}
.chsrow{height:41px}.chsav{width:28px;height:28px}.chsmore{bottom:50px}
/* small call-to-action: Slack (its own colour so it reads as a side step, not a section) */
.pscta{display:flex;align-items:center;gap:18px;padding:16px 22px;border-radius:var(--r-card);background:#4a154b;color:#fff;box-shadow:0 14px 30px -24px rgba(74,21,75,.7)}
.pscta-logo{flex:none;width:48px;height:48px;border-radius:12px;background:#fff;display:grid;place-items:center}
.pscta-logo img{display:block;width:28px;height:28px}
.pscta-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.pscta-t b{font:500 18px/1.2 var(--head);letter-spacing:-.015em}
.pscta-t span{font-size:14px;line-height:1.45;color:rgba(255,255,255,.82)}
.pscta-b{flex:none;display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;border-radius:999px;background:#fff;color:#4a154b;font:500 14px var(--head);transition:transform .25s var(--ease)}
.pscta-b:hover{transform:translateX(2px)}
.pscta-b:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media (max-width:760px){.pscta{flex-direction:column;align-items:flex-start}}
@media (prefers-reduced-motion:reduce){.pscta-b{transition:none}}
.pf .psfigs .shot.chs{aspect-ratio:560/480}
.chsw{height:480px}
.chsmore{position:relative;left:auto;bottom:auto;margin-top:16px;height:18px}
.chsfoot{bottom:20px}
/* Decide who receives it: audience from tags, one person excluded, approvers switched off, reminder set, then sent. Follows the site tokens. */
.rcp{position:relative;overflow:hidden;background:var(--inset)!important;border-radius:12px}
.pf .psfigs .shot.rcp{aspect-ratio:560/480}
.rcpw{--body:"Inter",system-ui,sans-serif;font-family:"Inter",system-ui,sans-serif;position:absolute;left:0;top:0;width:560px;height:480px;transform-origin:0 0;color:var(--ink);font-size:14px;line-height:1.35;text-align:left}
.rcpw *{box-sizing:border-box;margin:0}
.rcpcard{position:absolute;left:20px;top:20px;right:20px;bottom:20px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 14px 30px -22px rgba(0,0,0,.45);padding:18px 20px}
.rcphd{display:flex;align-items:baseline;gap:10px}.rcphd h4{font:600 19px/1.15 "Inter Tight","Inter",sans-serif;letter-spacing:-.01em}
.rcphd small{margin-left:auto;font:400 12px "JetBrains Mono",monospace;color:var(--muted)}
.rcplab{margin-top:16px;font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.rcpaud{margin-top:8px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rcpchip{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;font-size:12.5px;font-weight:500}
.rcpchip::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.rcpchip.c1{background:var(--a6-bg);color:var(--a6-fg)}.rcpchip.c2{background:var(--a4-bg);color:var(--a4-fg)}
.rcpaud em{font-style:normal;font-size:13px;color:var(--text);margin-left:2px}
.rcpexc{margin-top:8px;min-height:36px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:var(--inset)}
.rcpx{display:inline-flex;align-items:center;gap:8px;height:24px;padding:0 6px 0 10px;border-radius:999px;background:var(--fill);font-size:12.5px;font-weight:500;opacity:0;transform:scale(.85);transition:opacity .35s,transform .35s}
.rcpx u{text-decoration:none;color:var(--muted);font-size:14px;line-height:1}
.rcpw.s1 .rcpx{opacity:1;transform:none}
.rcpexc em{font-style:normal;font-size:12.5px;color:var(--muted)}
.rcptg{margin-top:12px;display:flex;align-items:center;gap:10px;font-size:13.5px}
.rcpsw{position:relative;width:34px;height:20px;border-radius:999px;background:var(--line2);transition:background .3s}
.rcpsw::after{content:"";position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:var(--card);transition:transform .3s var(--ease);box-shadow:0 1px 2px rgba(0,0,0,.3)}
.rcpw.s2 .rcpsw{background:var(--ink)}.rcpw.s2 .rcpsw::after{transform:translateX(14px)}
.rcprem{margin-top:8px;display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--text)}
.rcpnum{position:relative;width:46px;height:34px;border:1px solid var(--line);border-radius:9px;background:var(--inset)}
.rcpunit{position:relative;width:78px;height:34px;border:1px solid var(--line);border-radius:9px;background:var(--inset)}
.rcpnum span,.rcpunit span{position:absolute;left:12px;top:0;line-height:32px;font-size:14px;color:var(--ink);transition:opacity .3s}
.rcpnum .b,.rcpunit .b{opacity:0}.rcpw.s3 .rcpnum .a,.rcpw.s3 .rcpunit .a{opacity:0}.rcpw.s3 .rcpnum .b,.rcpw.s3 .rcpunit .b{opacity:1}
.rcpft{position:absolute;left:20px;right:20px;bottom:18px;display:flex;align-items:center;gap:12px;padding-top:14px;border-top:1px solid var(--line)}
.rcpcnt{position:relative;flex:1;height:20px;font-size:13px;color:var(--text)}
.rcpcnt span{position:absolute;left:0;top:0;white-space:nowrap;opacity:0;transition:opacity .3s}
.rcpcnt .k0{opacity:1}
.rcpw.s1 .rcpcnt .k0,.rcpw.s2 .rcpcnt .k1,.rcpw.s4 .rcpcnt .k2{opacity:0}
.rcpw.s1 .rcpcnt .k1{opacity:1}.rcpw.s2 .rcpcnt .k1{opacity:0}.rcpw.s2 .rcpcnt .k2b{opacity:1}
.rcpw.s4 .rcpcnt .k2b{opacity:0}.rcpw.s4 .rcpcnt .sent{opacity:1;color:var(--ok-fg)}
.rcpcan{font-size:13px;color:var(--text)}
.rcpsend{height:34px;padding:0 18px;border-radius:9px;background:var(--ink);color:var(--card);font-size:13.5px;font-weight:500;display:inline-flex;align-items:center;transition:transform .2s}
.rcpw.s4 .rcpsend{background:var(--ok-bg);color:var(--ok-fg)}
.rcplab{margin-top:24px}.rcptg{margin-top:16px}.rcpexc{min-height:40px}.rcpaud{margin-top:10px}.rcprem{margin-top:10px}
/* What each person sees: they press Acknowledge on the document; the record is written with the exact statement and version. */
.emp{position:relative;overflow:hidden;background:var(--inset)!important;border-radius:12px}
.pf .psfigs .shot.emp{aspect-ratio:560/480}
.empw{--body:"Inter",system-ui,sans-serif;font-family:"Inter",system-ui,sans-serif;position:absolute;left:0;top:0;width:560px;height:480px;transform-origin:0 0;color:var(--ink);font-size:14px;line-height:1.35;text-align:left}
.empw *{box-sizing:border-box;margin:0}
.empdoc{position:absolute;left:20px;top:20px;right:20px;bottom:20px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 14px 30px -22px rgba(0,0,0,.45);padding:16px 20px;overflow:hidden}
.emptop{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text)}
.empme{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text)}
.empav{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--a5-bg);color:var(--a5-fg);font:600 10px "Inter"}
.empbtn{position:relative;display:inline-block;height:32px;min-width:112px;margin-left:6px}
.empbtn span{position:absolute;right:0;top:0;height:32px;padding:0 14px;border-radius:9px;display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:500;transition:opacity .3s,transform .2s;white-space:nowrap}
.empbtn .b1{background:var(--ink);color:var(--card)}
.empbtn .b2{background:var(--ok-bg);color:var(--ok-fg);opacity:0}
.empw.s1 .empbtn .b1{transform:scale(.94)}
.empw.s2 .empbtn .b1{opacity:0}.empw.s2 .empbtn .b2{opacity:1}
.empdoc h4{margin-top:22px;font:600 24px/1.1 "Inter Tight","Inter",sans-serif;letter-spacing:-.02em}
.empsub{margin-top:6px;font-size:12.5px;color:var(--text)}
.emplines{margin-top:16px;display:flex;flex-direction:column;gap:9px}.emplines i{height:8px;border-radius:4px;background:var(--fill)}.emplines i:nth-child(2){width:88%}.emplines i:nth-child(3){width:70%}.emplines i:nth-child(4){width:80%}
.emprec{position:absolute;left:16px;right:16px;bottom:16px;border:1px solid var(--line);border-radius:14px;background:var(--card);box-shadow:0 12px 26px -20px rgba(0,0,0,.5);padding:14px 16px;opacity:0;transform:translateY(16px);transition:opacity .45s,transform .45s var(--ease)}
.empw.s2 .emprec{opacity:1;transform:none}
.emprec h5{font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.emprow{display:flex;align-items:center;gap:10px;margin-top:10px}
.emprow .empav{width:30px;height:30px;font-size:11px}
.emprow b{font-weight:600;font-size:14px}.emprow small{display:block;font-size:12px;color:var(--text)}
.empchk{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:0 10px;height:24px;border-radius:999px;background:var(--ok-bg);color:var(--ok-fg);font-size:12px;font-weight:500}
.empq{margin-top:10px;padding:10px 12px;border-radius:10px;background:var(--inset);font-size:12.5px;line-height:1.5;color:var(--ink);border-left:3px solid var(--line2)}
.empmeta{display:flex;justify-content:space-between;margin-top:10px;font-size:12px;color:var(--text)}
.empbtn{min-width:136px}.empbtn .b1{justify-content:center;min-width:112px;right:0}
.emptop>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.empsi{margin-top:10px;display:flex;align-items:center;justify-content:flex-end;gap:8px;font-size:12px;color:var(--text);white-space:nowrap}
.empsi .empav{width:22px;height:22px;font-size:9px}
.empdoc h4{margin-top:14px}
.emptop .empbtn{margin-left:auto}
/* See who has and has not: the progress climbs, a new acknowledgment lands at the top of the list. Follows the site tokens. */
.prg{position:relative;overflow:hidden;background:var(--inset)!important;border-radius:12px}
.pf .psfigs .shot.prg{aspect-ratio:560/480}
.prgw{--body:"Inter",system-ui,sans-serif;font-family:"Inter",system-ui,sans-serif;position:absolute;left:0;top:0;width:560px;height:480px;transform-origin:0 0;color:var(--ink);font-size:14px;line-height:1.35;text-align:left}
.prgw *{box-sizing:border-box;margin:0}
.prgcard{position:absolute;left:20px;top:20px;right:20px;bottom:20px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 14px 30px -22px rgba(0,0,0,.45);padding:18px 20px;overflow:hidden}
.prghd{display:flex;align-items:baseline;gap:10px}.prghd h4{font:600 19px/1.15 "Inter Tight","Inter",sans-serif;letter-spacing:-.01em}.prghd small{margin-left:auto;font:400 12px "JetBrains Mono",monospace;color:var(--muted)}
.prgbig{position:relative;margin-top:16px;height:30px;font:600 24px/30px "Inter Tight","Inter",sans-serif;letter-spacing:-.02em}
.prgbig span{position:absolute;left:0;top:0;white-space:nowrap;opacity:0;transition:opacity .3s}.prgbig small{font:400 14px "Inter";color:var(--text);letter-spacing:0}
.prgw:not(.s1):not(.s2) .prgbig .v0,.prgw.s1:not(.s2) .prgbig .v1,.prgw.s2 .prgbig .v2{opacity:1}
.prgbar{margin-top:12px;height:10px;border-radius:999px;background:var(--fill);overflow:hidden}
.prgbar i{display:block;height:100%;width:27%;border-radius:999px;background:var(--ok-fg);transition:width .9s cubic-bezier(.5,0,0,1)}
.prgw.s1 .prgbar i{width:50%}.prgw.s2 .prgbar i{width:70.5%}
.prgst{margin-top:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.prgt{border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.prgt em{display:flex;align-items:center;gap:7px;font-style:normal;font-size:12px;color:var(--text)}.prgt em::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.prgt.ok em{color:var(--ok-fg)}.prgt.wt em{color:var(--a4-fg)}.prgt.ex em{color:var(--muted)}
.prgn{position:relative;margin-top:4px;height:28px;font:600 22px/28px "Inter Tight","Inter",sans-serif}
.prgn span{position:absolute;left:0;top:0;opacity:0;transition:opacity .3s}
.prgw:not(.s1):not(.s2) .prgn .v0,.prgw.s1:not(.s2) .prgn .v1,.prgw.s2 .prgn .v2{opacity:1}
.prglab{margin-top:18px;font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.prgrows{margin-top:6px;border-top:1px solid var(--line)}
.prgrow{display:flex;align-items:center;gap:12px;height:42px;border-bottom:1px solid var(--line);overflow:hidden}
.prgav{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font:600 10px "Inter"}
.prgrow b{font-weight:500;font-size:14px}.prgrow small{color:var(--text);font-size:12.5px;margin-left:auto;text-align:right}
.prgrow .prgp{margin-left:10px;display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:500;min-width:96px;justify-content:flex-start}
.prgrow .prgp::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.prgp.ok{background:var(--ok-bg);color:var(--ok-fg)}.prgp.wt{background:var(--a4-bg);color:var(--a4-fg)}.prgp.ex{background:var(--fill);color:var(--text)}
.prgrow.prgnew{height:0;opacity:0;border-bottom-width:0;transition:height .6s cubic-bezier(.5,0,0,1),opacity .45s .15s}
.prgw.s2 .prgrow.prgnew{height:42px;opacity:1;border-bottom-width:1px}
@media (prefers-reduced-motion:reduce){.prgbar i,.prgrow.prgnew{transition:none}}
/* When the policy changes: an edit goes back through approval, goes out again, and everyone is asked again. Follows the site tokens. */
.chg{position:relative;overflow:hidden;background:var(--inset)!important;border-radius:12px}
.pf .psfigs .shot.chg{aspect-ratio:560/480}
.chgw{--body:"Inter",system-ui,sans-serif;font-family:"Inter",system-ui,sans-serif;position:absolute;left:0;top:0;width:560px;height:480px;transform-origin:0 0;color:var(--ink);font-size:14px;line-height:1.35;text-align:left}
.chgw *{box-sizing:border-box;margin:0}
.chgcard{position:absolute;left:20px;top:20px;right:20px;bottom:20px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 14px 30px -22px rgba(0,0,0,.45);padding:18px 20px}
.chgsteps{display:flex;align-items:center;gap:6px}
.chgsteps span{flex:1;height:30px;display:grid;place-items:center;border-radius:999px;background:var(--fill);color:var(--text);font-size:12.5px;font-weight:500;transition:background .35s,color .35s}
.chgw.s1 .chgsteps span:nth-child(1),.chgw.s2 .chgsteps span:nth-child(2),.chgw.s3 .chgsteps span:nth-child(3),.chgw.s4 .chgsteps span:nth-child(4){background:var(--ink);color:var(--card)}
.chgw:not(.s1):not(.s2):not(.s3):not(.s4) .chgsteps span:nth-child(1){background:var(--ink);color:var(--card)}
.chgw.s2 .chgsteps span:nth-child(1),.chgw.s3 .chgsteps span:nth-child(-n+2),.chgw.s4 .chgsteps span:nth-child(-n+3){background:var(--ok-bg);color:var(--ok-fg)}
.chgw.s4 .chgsteps span:nth-child(4){background:var(--ink)}
.chgdiff{margin-top:16px;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.chgdh{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line)}
.chgl{padding:10px 12px;font-size:13.5px;line-height:1.5}
.chgl.o{background:var(--a1-bg);color:var(--ink)}
.chgl.n{background:var(--ok-bg);color:var(--ink);border-top:1px solid var(--line);transition:opacity .4s,max-height .4s;opacity:0;max-height:0;padding-block:0;overflow:hidden}
.chgl .cm{background:color-mix(in srgb,var(--ok-fg) 28%,transparent);border-radius:3px;padding:0 1px;font-weight:600}
.chgw.s1 .chgl.n,.chgw.s2 .chgl.n,.chgw.s3 .chgl.n,.chgw.s4 .chgl.n{opacity:1;max-height:60px;padding-block:10px}
.chgv{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.chgb{border:1px solid var(--line);border-radius:12px;padding:12px 14px;min-height:112px}
.chgb h5{font:600 18px "Inter Tight","Inter",sans-serif;letter-spacing:-.01em}
.chgp{position:relative;margin-top:8px;height:26px}
.chgp span{position:absolute;left:0;top:0;display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 12px;border-radius:999px;font-size:12.5px;font-weight:500;opacity:0;transition:opacity .35s;white-space:nowrap}
.chgp span::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.chgp .ok{background:var(--ok-bg);color:var(--ok-fg)}.chgp .wt{background:var(--a4-bg);color:var(--a4-fg)}.chgp .nt{background:var(--fill);color:var(--text)}
.chgcnt{position:relative;margin-top:10px;height:18px;font-size:12.5px;color:var(--text)}
.chgcnt span{position:absolute;left:0;top:0;white-space:nowrap;opacity:0;transition:opacity .35s}
/* v3.2 */
.chgb.o .chgp .a{opacity:1}.chgw.s4 .chgb.o .chgp .a{opacity:0}.chgw.s4 .chgb.o .chgp .b{opacity:1}
.chgb.o .chgcnt span{opacity:1}
.chgw.s4 .chgb.o{opacity:.6}.chgb.o{transition:opacity .4s}
/* v3.3 */
.chgb.n .chgp .a{opacity:1}
.chgw.s2 .chgb.n .chgp .a,.chgw.s3 .chgb.n .chgp .a,.chgw.s4 .chgb.n .chgp .a{opacity:0}
.chgw.s2 .chgb.n .chgp .b{opacity:1}.chgw.s3 .chgb.n .chgp .c{opacity:1}.chgw.s4 .chgb.n .chgp .d{opacity:1}
.chgb.n .chgcnt .z{opacity:1}.chgw.s4 .chgb.n .chgcnt .z{opacity:0}.chgw.s4 .chgb.n .chgcnt .y{opacity:1}
.chgnote{position:absolute;left:20px;right:20px;bottom:18px;height:20px;font-size:13px;color:var(--text);border-top:0}
.chgnote::before{content:"";position:absolute;left:0;right:0;top:-12px;border-top:1px solid var(--line)}
.chgnote span{position:absolute;left:0;top:0;opacity:0;transition:opacity .35s}
.chgnote .n0{opacity:1}.chgw.s1 .chgnote .n0{opacity:0}.chgw.s1 .chgnote .n1x{opacity:1}
.chgw.s2 .chgnote .n0,.chgw.s2 .chgnote .n1x{opacity:0}.chgw.s2 .chgnote .n2x{opacity:1}
.chgw.s3 .chgnote .n0,.chgw.s3 .chgnote .n1x{opacity:0}.chgw.s3 .chgnote .n3x{opacity:1}
.chgw.s4 .chgnote .n0,.chgw.s4 .chgnote .n1x{opacity:0}.chgw.s4 .chgnote .n4x{opacity:1;color:var(--ink)}
.chgw.s3 .chgb.n .chgp .b,.chgw.s4 .chgb.n .chgp .b{opacity:0}
.chgw.s4 .chgb.n .chgp .c{opacity:0}
.chgw.s3 .chgnote .n2x,.chgw.s4 .chgnote .n2x,.chgw.s4 .chgnote .n3x{opacity:0}
.chgl .cm{background:color-mix(in srgb,var(--ok-fg) 50%,transparent);padding:0 5px;margin:0 1px;border-radius:4px}