/* Kalen Proofs: client page */
:root{
	--ink:#1C1D1B;--ink-soft:#3D3E39;--paper:#FAF8F3;--cream:#F4F1E9;--line:#E3DFD4;--line-2:#CFC8B8;
	--olive:#7D8060;--olive-deep:#555943;--sage:#A9AC86;--clay:#B66D52;--slate:#46586A;--muted:#6A6B62;
	--display:"Barlow Condensed","Arial Narrow",sans-serif;--body:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
	--r:14px;--shadow:0 1px 2px rgba(28,29,27,.06),0 8px 24px -12px rgba(28,29,27,.18);
	--bg:var(--paper);--fg:var(--ink);--sub:var(--muted);--card:#fff;--card-line:var(--line);--stage:#F1EEE6;--bar:rgba(250,248,243,.88);
}
body.kp--grey{--bg:#E4E2DC;--card:#F6F5F1;--card-line:#D3D0C7;--stage:#D9D6CE;--bar:rgba(228,226,220,.9)}
body.kp--dark{--bg:#161715;--fg:#F4F1E9;--sub:#A9A99F;--card:#22231F;--card-line:#33342F;--stage:#2B2C28;--bar:rgba(22,23,21,.88);--line:#33342F}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{font-feature-settings:"calt" 0;margin:0;background:var(--bg);color:var(--fg);font:400 16px/1.55 var(--body);-webkit-font-smoothing:antialiased;transition:background .25s,color .25s;padding-bottom:96px}
img,video,iframe{display:block;max-width:none}
button{font:inherit;color:inherit}
.kp-shell{width:100%;max-width:1240px;margin:0 auto;padding:0 28px}

.kp-preview-bar{background:var(--clay);color:#fff;text-align:center;font:600 13px/1.4 var(--body);padding:8px 16px}

/* top */
.kp-top{border-bottom:1px solid var(--line)}
.kp-top__in{display:flex;align-items:center;justify-content:space-between;height:72px}
.kp-logo img{height:34px;width:auto}
.kp-logo--cream{display:none}
body.kp--dark .kp-logo--ink{display:none}
body.kp--dark .kp-logo--cream{display:block}
.kp-top__tag{font:700 13px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--sub);border:1px solid var(--line-2);padding:8px 12px;border-radius:99px}
body.kp--dark .kp-top__tag{border-color:#3d3e39}

/* hero */
.kp-hero{padding:56px 0 36px}
.kp-eyebrow{margin:0 0 10px;font:700 14px/1 var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--olive)}
body.kp--dark .kp-eyebrow{color:var(--sage)}
.kp-title{margin:0;font:800 clamp(38px,6vw,68px)/.98 var(--display);letter-spacing:-.005em;text-transform:none;max-width:28ch;text-wrap:balance}
.kp-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;margin-top:22px;color:var(--sub);font-size:14px}
.kp-meta>span:not(.kp-status){position:relative}
.kp-status{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--fg);background:var(--card);border:1px solid var(--card-line);padding:6px 12px 6px 10px;border-radius:99px}
.kp-status::before{content:"";width:8px;height:8px;border-radius:50%;background:#D7A33C}
.kp-status--approved::before{background:#4F8A4B}
.kp-status--changes::before{background:var(--clay)}
.kp-approved-note{margin:18px 0 0;font-weight:500;color:#3F6E3C}
body.kp--dark .kp-approved-note{color:#9CC795}

/* sticky bar */
.kp-bar{position:sticky;top:0;z-index:20;background:var(--bar);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.kp-bar__in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px}
.kp-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;min-width:0;padding:10px 0}
.kp-tabs::-webkit-scrollbar{display:none}
.kp-tab{flex:0 0 auto;border:1px solid transparent;background:transparent;border-radius:99px;padding:8px 14px;font-weight:600;font-size:14px;cursor:pointer;color:var(--sub);white-space:nowrap;transition:background .15s,color .15s,border-color .15s}
.kp-tab span{font-weight:500;opacity:.7;margin-left:4px}
.kp-tab:hover{color:var(--fg);background:var(--card)}
.kp-tab.is-active{background:var(--ink);color:var(--paper)}
body.kp--dark .kp-tab.is-active{background:var(--cream);color:var(--ink)}
.kp-tab--static{cursor:default;color:var(--fg);padding-left:0}
.kp-tab--static:hover{background:transparent}
.kp-tools{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.kp-bg{display:flex;gap:6px;padding:4px;border:1px solid var(--line);border-radius:99px;background:var(--card)}
.kp-bg__btn{width:24px;height:24px;border-radius:50%;border:1px solid rgba(0,0,0,.18);cursor:pointer;padding:0}
.kp-bg__btn--light{background:var(--paper)}
.kp-bg__btn--grey{background:#C9C6BE}
.kp-bg__btn--dark{background:var(--ink)}
.kp-bg__btn.is-active{outline:2px solid var(--olive);outline-offset:2px}

/* buttons */
.kp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border-radius:99px;border:1px solid var(--line-2);background:var(--card);font-weight:600;font-size:15px;cursor:pointer;transition:transform .1s,background .15s,border-color .15s;white-space:nowrap;text-decoration:none}
.kp-btn:active{transform:translateY(1px)}
.kp-btn svg{width:18px;height:18px;fill:currentColor}
.kp-btn--ghost:hover{border-color:var(--fg)}
.kp-btn--primary{background:var(--olive-deep);border-color:var(--olive-deep);color:#fff}
.kp-btn--primary:hover{background:var(--ink);border-color:var(--ink)}
body.kp--dark .kp-btn--ghost{border-color:#45463F}
body.kp--dark .kp-btn--primary:hover{background:var(--olive);border-color:var(--olive)}

/* sets + grid */
.kp-main{padding:36px 0 24px}
.kp-set{margin:0 0 56px;scroll-margin-top:90px}
.kp-set[hidden]{display:none}
.kp-set__head{display:flex;align-items:baseline;gap:14px;margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.kp-set__head h2{margin:0;font:700 30px/1.05 var(--display);letter-spacing:.005em}
.kp-set__head span{color:var(--sub);font-size:14px}
.kp-grid{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}

.kp-ad{margin:0;background:var(--card);border:1px solid var(--card-line);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden;max-width:100%;flex:0 1 auto}
.kp-ad--wide{flex:0 1 auto}
.kp-ad__head{display:flex;align-items:baseline;gap:10px;padding:14px 18px 0;font-size:13px;color:var(--sub)}
.kp-ad__head strong{font:700 17px/1 var(--display);letter-spacing:.02em;color:var(--fg)}
.kp-stage{padding:16px 18px;display:flex;justify-content:center}
.kp-frame{position:relative;background:var(--stage);border-radius:4px;transform-origin:top left;flex:0 0 auto}
.kp-frame iframe,.kp-frame img,.kp-frame video{border:0;box-shadow:0 0 0 1px rgba(28,29,27,.08);background:#fff}
body.kp--dark .kp-frame iframe,body.kp--dark .kp-frame img{box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.kp-scale{position:relative;overflow:hidden}
.kp-scale>.kp-frame{position:absolute;top:0;left:0}
.kp-missing{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px;background:repeating-linear-gradient(-45deg,transparent 0 10px,rgba(125,128,96,.08) 10px 20px);border:1px dashed var(--line-2);border-radius:4px;color:var(--sub);font-size:12px;line-height:1.3}
.kp-ad__foot{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:0 18px 14px;font-size:13px}
.kp-icon{display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:6px 0;color:var(--sub);cursor:pointer;text-decoration:none;font-weight:500}
.kp-icon svg{width:16px;height:16px;fill:currentColor}
.kp-icon:hover{color:var(--fg)}
.kp-flag{display:inline-flex;align-items:center;gap:6px;margin-left:auto;color:var(--sub);cursor:pointer;font-weight:500;user-select:none}
.kp-flag input{width:16px;height:16px;accent-color:var(--olive-deep);margin:0}
.kp-flag:has(input:checked){color:var(--fg)}
.kp-ad:has(.kp-flag input:checked){border-color:var(--olive);box-shadow:0 0 0 2px rgba(125,128,96,.35),var(--shadow)}
.kp-scaled{flex-basis:100%;color:var(--sub);font-size:12px}
.kp-empty{padding:60px;text-align:center;border:1px dashed var(--line-2);border-radius:var(--r);color:var(--sub)}

/* dock */
.kp-dock{position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--ink);color:var(--cream);box-shadow:0 -10px 30px -12px rgba(0,0,0,.35)}
.kp-dock__in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px}
.kp-dock__text{margin:0;font-size:15px}
.kp-dock__text strong{font:700 20px/1 var(--display);letter-spacing:.02em;margin-right:8px}
.kp-dock__text span{color:#C9C6BA}
.kp-dock__actions{display:flex;gap:10px;flex:0 0 auto}
.kp-dock .kp-btn--ghost{background:transparent;border-color:#55564F;color:var(--cream)}
.kp-dock .kp-btn--ghost:hover{border-color:var(--cream)}
.kp-dock .kp-btn--primary{background:var(--cream);border-color:var(--cream);color:var(--ink)}
.kp-dock .kp-btn--primary:hover{background:#fff;border-color:#fff}

/* modal */
.kp-modal{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px}
.kp-modal[hidden]{display:none}
.kp-modal__scrim{position:absolute;inset:0;background:rgba(22,23,21,.55);backdrop-filter:blur(3px)}
.kp-modal__card{position:relative;width:100%;max-width:520px;max-height:calc(100vh - 40px);overflow:auto;background:var(--paper);color:var(--ink);border-radius:20px;padding:32px;box-shadow:0 30px 80px -20px rgba(0,0,0,.45)}
.kp-modal__card[hidden]{display:none}
.kp-modal__card h2{margin:0 0 6px;font:800 34px/1 var(--display)}
.kp-modal__lead{margin:0 0 20px;color:var(--muted)}
.kp-modal__x{position:absolute;top:14px;right:16px;border:0;background:none;font-size:28px;line-height:1;cursor:pointer;color:var(--muted)}
.kp-in{display:block;margin:0 0 14px}
.kp-in span{display:block;font-weight:600;font-size:14px;margin-bottom:6px}
.kp-in em{font-style:normal;font-weight:400;color:var(--muted)}
.kp-in input,.kp-in textarea{width:100%;border:1px solid var(--line-2);background:#fff;border-radius:10px;padding:12px 14px;font:inherit;color:var(--ink);outline:none;transition:border-color .15s,box-shadow .15s}
.kp-in input:focus,.kp-in textarea:focus{border-color:var(--olive);box-shadow:0 0 0 3px rgba(125,128,96,.2)}
.kp-in textarea{resize:vertical;min-height:110px}
.kp-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.kp-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px}
.kp-chips[hidden]{display:none}
.kp-chip{font-size:12px;font-weight:600;background:var(--cream);border:1px solid var(--line-2);padding:5px 10px;border-radius:99px}
.kp-form-err{margin:0 0 12px;color:#A3432A;font-weight:500;font-size:14px}
.kp-form-err[hidden]{display:none}
.kp-modal__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}
.kp-modal .kp-btn--ghost{background:#fff}
.kp-thanks{text-align:center}
.kp-thanks__mark{width:64px;height:64px;margin:0 auto 16px;border-radius:50%;background:var(--olive-deep);color:#fff;display:flex;align-items:center;justify-content:center;font-size:30px}
.kp-thanks p{color:var(--muted);margin:0 0 22px}

.kp-foot{border-top:1px solid var(--line);padding:28px 0;color:var(--sub);font-size:13px}
.kp-foot p{margin:0;max-width:70ch}

/* landing */
.kp-land{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:48px 0}
.kp-land h1{font:800 clamp(44px,8vw,88px)/.95 var(--display);margin:28px 0 14px;max-width:14ch}
.kp-land p{color:var(--sub);max-width:46ch;margin:0 0 28px;font-size:17px}

@media (max-width:860px){
	.kp-shell{padding:0 16px}
	.kp-top__in{height:60px}
	.kp-logo img{height:28px}
	.kp-hero{padding:36px 0 26px}
	.kp-bar__in{flex-wrap:wrap;gap:0;min-height:0;padding-bottom:10px}
	.kp-tabs{width:100%;padding:10px 0 8px}
	.kp-tools{width:100%;justify-content:space-between}
	.kp-btn{height:40px;padding:0 16px;font-size:14px}
	.kp-main{padding-top:24px}
	.kp-set{margin-bottom:40px;scroll-margin-top:130px}
	.kp-set__head h2{font-size:26px}
	.kp-grid{gap:16px}
	.kp-ad{flex-basis:100%}
	.kp-stage{padding:14px}
	.kp-ad__head,.kp-ad__foot{padding-left:14px;padding-right:14px}
	.kp-dock__in{min-height:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));flex-direction:column;align-items:stretch;gap:10px}
	.kp-dock__text{display:none}
	.kp-dock__actions .kp-btn{flex:1}
	.kp-modal{align-items:flex-end;padding:0}
	.kp-modal__card{border-radius:20px 20px 0 0;padding:26px 20px calc(20px + env(safe-area-inset-bottom));max-height:92vh}
	.kp-modal__actions .kp-btn{flex:1}
	body{padding-bottom:84px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* ===== v1.1: comments ===== */
html.kp-noscroll{overflow:hidden}
.kp-teambar{background:var(--olive-deep);color:#F4F1E9;font-size:13px}
.kp-teambar__in{display:flex;flex-wrap:wrap;gap:6px 16px;justify-content:space-between;align-items:center;padding-top:9px;padding-bottom:9px}
.kp-teambar a{color:#fff;font-weight:600;text-decoration:none;white-space:nowrap}
.kp-code{font-size:13px}
.kp-code strong{font:700 15px/1 var(--display);letter-spacing:.08em;color:var(--fg);margin-left:4px}
.kp-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:var(--ink);color:var(--paper);font:700 11px/1 var(--body)}
.kp-count[hidden]{display:none}
body.kp--dark .kp-count{background:var(--cream);color:var(--ink)}
.kp-btn--sm{height:38px;padding:0 18px;font-size:14px}

.kp-cbtn{display:inline-flex;align-items:center;gap:7px;margin-left:auto;border:1px solid var(--line-2);background:transparent;border-radius:99px;padding:6px 12px 6px 10px;font-weight:600;font-size:13px;color:var(--fg);cursor:pointer;transition:border-color .15s,background .15s}
.kp-cbtn svg{width:15px;height:15px;fill:currentColor;opacity:.8}
.kp-cbtn:hover{border-color:var(--fg);background:var(--card)}
.kp-cbtn.has-open .kp-count{background:var(--clay);color:#fff}
body.kp--dark .kp-cbtn{border-color:#45463F}
.kp-ad__flag{margin-left:auto;font-style:normal;font-size:11px;font-weight:700;color:#fff;background:var(--clay);border-radius:99px;padding:3px 8px;line-height:1}
.kp-ad__flag[hidden]{display:none}
.kp-ad.has-open{border-color:rgba(182,109,82,.45)}
.kp-ad.is-focus{border-color:var(--olive);box-shadow:0 0 0 3px rgba(125,128,96,.35),var(--shadow)}

/* drawer */
.kp-drawer{position:fixed;inset:0;z-index:60;pointer-events:none}
.kp-drawer__scrim{position:absolute;inset:0;background:rgba(22,23,21,.35);opacity:0;transition:opacity .25s}
.kp-drawer__panel{position:absolute;top:0;right:0;bottom:0;width:min(460px,100%);background:var(--paper);color:var(--ink);display:flex;flex-direction:column;box-shadow:-20px 0 60px -20px rgba(0,0,0,.35);transform:translateX(102%);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.kp-drawer.is-open{pointer-events:auto}
.kp-drawer.is-open .kp-drawer__scrim{opacity:1}
.kp-drawer.is-open .kp-drawer__panel{transform:none}
.kp-drawer__head{display:flex;align-items:center;gap:12px;padding:20px 22px 16px;border-bottom:1px solid var(--line)}
.kp-drawer__head>div{flex:1;min-width:0}
.kp-drawer__eyebrow{margin:0 0 4px;font:700 12px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--olive)}
.kp-drawer__head h2{margin:0;font:800 26px/1.05 var(--display);overflow-wrap:anywhere}
.kp-drawer__x,.kp-drawer__back{border:1px solid var(--line-2);background:#fff;border-radius:50%;width:38px;height:38px;font-size:22px;line-height:1;cursor:pointer;color:var(--ink);flex:0 0 auto}
.kp-drawer__back{font-size:18px}
.kp-drawer__back[hidden]{display:none}
.kp-drawer__body{flex:1;overflow-y:auto;padding:18px 22px;overscroll-behavior:contain}
.kp-thread__item{padding:0 0 14px;margin:0 0 14px;border-bottom:1px solid var(--line)}
.kp-thread__item:last-child{border-bottom:0}
.kp-c{display:flex;gap:12px;align-items:flex-start;border-radius:12px;transition:background .6s}
.kp-c.is-new{background:rgba(125,128,96,.14)}
.kp-c--reply{margin:12px 0 0 46px}
.kp-c.is-resolved .kp-c__body{color:var(--muted)}
.kp-av{flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:#E8E3D6;color:var(--ink-soft);display:flex;align-items:center;justify-content:center;font:700 12px/1 var(--body);letter-spacing:.02em}
.kp-av--team{background:var(--olive-deep);color:#fff}
.kp-c--reply .kp-av{width:28px;height:28px;font-size:11px}
.kp-c__main{flex:1;min-width:0}
.kp-c__meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:13px}
.kp-c__meta strong{font-weight:600}
.kp-c__meta time{color:var(--muted);font-size:12px}
.kp-c__body{margin-top:4px;font-size:15px;line-height:1.5;overflow-wrap:anywhere;white-space:normal}
.kp-c__acts{display:flex;gap:14px;margin-top:6px}
.kp-link{border:0;background:none;padding:0;color:var(--olive-deep);font-weight:600;font-size:13px;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.kp-link:hover{color:var(--ink)}
.kp-tag{display:inline-block;font-size:11px;font-weight:700;line-height:1;padding:4px 7px;border-radius:99px;background:#ECE8DD;color:var(--ink-soft)}
.kp-tag--team{background:var(--olive-deep);color:#fff}
.kp-tag--change{background:#F7E6DF;color:#8E3519}
.kp-tag--done{background:#E5F0E2;color:#2F5A2C}
.kp-group{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;text-align:left;border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px 14px;margin:0 0 8px;cursor:pointer;color:var(--ink)}
.kp-group:hover{border-color:var(--olive)}
.kp-group strong{display:block;font-size:14px}
.kp-group em{display:block;font-style:normal;color:var(--muted);font-size:12px;margin-top:2px}
.kp-group__preview{margin:0 0 18px 6px}
.kp-group__preview .kp-c--reply{margin:0}
.kp-empty-thread{text-align:center;padding:40px 10px;color:var(--muted)}
.kp-empty-thread strong{display:block;color:var(--ink);font-size:16px;margin-bottom:6px}

.kp-composer{border-top:1px solid var(--line);padding:14px 22px calc(16px + env(safe-area-inset-bottom));background:#fff}
.kp-composer[hidden]{display:none}
.kp-who{font-size:13px;color:var(--muted);margin:0 0 10px}
.kp-who[hidden]{display:none}
.kp-composer__fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 8px}
.kp-composer__fields[hidden]{display:none}
.kp-composer input:not([type=checkbox]),.kp-composer textarea{width:100%;border:1px solid var(--line-2);border-radius:10px;padding:10px 12px;font:inherit;font-size:14px;color:var(--ink);background:#fff;outline:none}
.kp-composer textarea{resize:vertical;min-height:76px;display:block}
.kp-composer input:focus,.kp-composer textarea:focus{border-color:var(--olive);box-shadow:0 0 0 3px rgba(125,128,96,.2)}
.kp-composer__row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}
.kp-check{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;cursor:pointer}
.kp-check[hidden]{display:none}
.kp-check input{width:16px;height:16px;accent-color:var(--clay);margin:0}
.kp-composer .kp-form-err{margin:10px 0 0}
.kp-foot__in{display:flex;flex-direction:column;gap:6px}
.kp-foot a{color:inherit}

@media (max-width:860px){
	.kp-cbtn{padding:6px 10px}
	.kp-drawer__panel{top:auto;left:0;width:100%;height:88vh;border-radius:18px 18px 0 0;transform:translateY(102%)}
	.kp-drawer__head{padding:16px 16px 12px}
	.kp-drawer__head h2{font-size:22px}
	.kp-drawer__body{padding:14px 16px}
	.kp-composer{padding:12px 16px calc(12px + env(safe-area-inset-bottom))}
	.kp-composer__fields{grid-template-columns:1fr}
	.kp-c--reply{margin-left:30px}
	#kp-replay-all span{display:none}
	#kp-replay-all{width:40px;padding:0}
	.kp-teambar__in span{display:none}
}
a.kp-btn{color:var(--ink);text-decoration:none}
a.kp-btn--primary{color:#fff}
body.kp--dark a.kp-btn{color:var(--cream)}

.kp-ad__upd{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;letter-spacing:.02em;color:#3F6B3A;background:#E6EFE2;border-radius:99px;padding:2px 9px;white-space:nowrap}
.kp-ad__upd::before{content:"";width:6px;height:6px;border-radius:50%;background:#4F8A4B}

/* approval levels */
.kp-tag--level{background:#E4E6D8;color:var(--olive-deep)}
body.kp--dark .kp-tag--level{background:#3A3C31;color:#D8DAC6}
.kp-track{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.kp-track__step{display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border:1px solid var(--card-line);background:var(--card);border-radius:99px;min-width:0}
.kp-track__dot{flex:0 0 28px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font:700 13px/1 var(--body);background:#ECE8DD;color:var(--ink-soft)}
.kp-track__txt{display:flex;flex-direction:column;gap:2px;line-height:1.15;min-width:0}
.kp-track__txt strong{font-size:14px;font-weight:700;color:var(--fg)}
.kp-track__txt strong em{font-style:normal;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:var(--olive-deep);color:#fff;border-radius:99px;padding:2px 6px;margin-left:4px;vertical-align:2px}
.kp-track__txt span{font-size:12px;color:var(--sub)}
.kp-track__step.is-approved .kp-track__dot{background:#4F8A4B;color:#fff}
.kp-track__step.is-review .kp-track__dot{background:#D7A33C;color:#fff}
.kp-track__step.is-review{border-color:#D7A33C}
.kp-track__step.is-changes .kp-track__dot{background:var(--clay);color:#fff}
.kp-track__step.is-changes{border-color:var(--clay)}
.kp-track__step.is-waiting,.kp-track__step.is-ready{opacity:.75}
.kp-track__step.is-you{box-shadow:0 0 0 2px var(--olive-deep)}
@media (max-width:860px){
	.kp-track{flex-direction:column;gap:8px}
	.kp-track__step{border-radius:14px}
	.kp-dock--multi .kp-dock__text{display:block;font-size:13px;line-height:1.4}
	.kp-dock--multi .kp-dock__text strong{font-size:16px;display:block;margin-bottom:2px}
}