/* Brand Identity · voice — SIGNATURE. Ink plate: book-edge context tabs, two tone dials, a paper
   proof sheet the agent redrafts word by word, four voice checks, and the human approval log. */
.cbi-voice__tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-bottom:1px solid var(--on-ink-line)}
.cbi-voice__tab{position:relative;min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;row-gap:4px;align-items:baseline;padding:18px 18px 20px;text-align:left;color:var(--on-ink-2);
  border-right:1px solid var(--on-ink-line);transition:background var(--d2) var(--e-io),color var(--d2) var(--e-io)}
.cbi-voice__tab:last-child{border-right:0}
.cbi-voice__tab::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--e)}
.cbi-voice__tab span{font-family:var(--f);font-size:var(--t-lbl);font-weight:500;letter-spacing:.12em;color:var(--on-ink-3)}
.cbi-voice__tab b{font-size:var(--t-body);font-weight:500;color:var(--on-ink)}
.cbi-voice__tab small{grid-column:2;font-size:var(--t-xs);line-height:1.45;color:var(--on-ink-3)}
.cbi-voice__tab:hover{background:var(--on-ink-card)}
.cbi-voice__tab[aria-pressed="true"]{background:var(--on-ink-card)}
.cbi-voice__tab[aria-pressed="true"]::after{transform:none}
.cbi-voice__tab[aria-pressed="true"] span{color:var(--blue)}

.cbi-voice__body{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:var(--cbi-gap-l);row-gap:48px;align-items:start;margin-top:clamp(40px,4.4vw,64px)}
.cbi-voice__dials{min-width:0;display:flex;flex-direction:column;gap:30px;padding-top:26px}
.cbi-voice__dl{display:grid;grid-template-columns:1fr auto 1fr;align-items:baseline;gap:10px;margin-bottom:14px;font-family:var(--f);font-size:var(--t-lbl);letter-spacing:.12em;text-transform:uppercase;color:var(--on-ink-3)}
.cbi-voice__dl span:last-child{text-align:right}
.cbi-voice__dl output{font-family:var(--f-b);font-size:var(--t-sm);font-weight:500;letter-spacing:0;text-transform:none;color:var(--on-ink)}
.cbi-voice__range{-webkit-appearance:none;appearance:none;display:block;width:100%;height:32px;margin:0;background:transparent;cursor:pointer}
.cbi-voice__range::-webkit-slider-runnable-track{height:2px;background:var(--on-ink-line)}
.cbi-voice__range::-moz-range-track{height:2px;background:var(--on-ink-line)}
.cbi-voice__range::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-10px;border-radius:50%;background:var(--paper);box-shadow:0 0 0 4px var(--ink),0 0 0 5px var(--on-ink-line);transition:transform var(--d2) var(--e)}
.cbi-voice__range::-moz-range-thumb{width:22px;height:22px;border:0;border-radius:50%;background:var(--paper);box-shadow:0 0 0 4px var(--ink),0 0 0 5px var(--on-ink-line)}
.cbi-voice__range:focus-visible{outline:none}
.cbi-voice__range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--ink),0 0 0 6px var(--blue)}
.cbi-voice__range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px var(--ink),0 0 0 6px var(--blue)}
.cbi-voice__range:active::-webkit-slider-thumb{transform:scale(1.12)}
.cbi-voice__ticks{display:flex;justify-content:space-between;padding-inline:10px;margin-top:-2px}
.cbi-voice__ticks i{width:1px;height:8px;background:var(--on-ink-line)}
.cbi-voice__who{display:flex;flex-direction:column;gap:16px;padding-top:24px;border-top:1px solid var(--on-ink-line)}
.cbi-voice__who dt{font-family:var(--f);font-size:var(--t-lbl);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--on-ink);line-height:1.3}
.cbi-voice__who div:first-child dt{color:var(--blue)}
.cbi-voice__who dd{margin-top:6px;font-size:var(--t-sm);line-height:1.6;color:var(--on-ink-2)}

/* the proof sheet */
.cbi-voice__proof{position:relative;min-width:0;margin:26px;padding:clamp(22px,3vw,44px);background:var(--paper);color:var(--ink)}
.cbi-voice__meta,.cbi-voice__count{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;font-family:var(--f);font-size:var(--t-lbl);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);line-height:1.4}
.cbi-voice__status{display:inline-flex;align-items:center;gap:8px;color:var(--ink)}
.cbi-voice__status i{width:7px;height:7px;border-radius:50%;background:var(--blue)}
.cbi-voice__proof.is-busy .cbi-voice__status i{animation:cbi-voice-blink 1s steps(2,jump-none) infinite}
@keyframes cbi-voice-blink{50%{opacity:.2}}
.cbi-voice__line{display:flex;align-items:center;flex-wrap:wrap;align-content:center;min-height:9.2em;margin-block:22px 18px;padding-block:22px;border-block:1px solid var(--line);
  font-family:var(--f-h);font-size:clamp(1.4rem,2.3vw,2.1rem);font-weight:500;line-height:1.25;letter-spacing:-.02em;color:var(--ink)}
.cbi-voice__line[data-len="1"]{font-size:clamp(1.25rem,1.9vw,1.75rem)}
.cbi-voice__line[data-len="2"]{font-size:clamp(1.1rem,1.55vw,1.42rem);line-height:1.35}
.cbi-voice__line .w{display:inline-block;white-space:pre;transition:opacity .45s var(--e) calc(var(--i) * 26ms),transform .45s var(--e) calc(var(--i) * 26ms)}
.cbi-voice__line.is-drafting .w{opacity:0;transform:translateY(.4em)}
.cbi-voice__line .w.is-flag{text-decoration:underline wavy var(--blue);text-decoration-thickness:1.5px;text-underline-offset:.2em;background:var(--blue-wash)}
.cbi-voice__checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin-top:22px}
.cbi-voice__checks li{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:12px;padding-block:12px;border-bottom:1px solid var(--line-2);font-size:var(--t-sm);line-height:1.4;color:var(--ink)}
.cbi-voice__checks b{position:relative;width:18px;height:18px;border-radius:50%;transition:background var(--d2) var(--e-io),box-shadow var(--d2) var(--e-io)}
.cbi-voice__checks em{font-family:var(--f);font-size:var(--t-lbl);font-style:normal;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.cbi-voice__checks .is-ok b{background:var(--blue)}
.cbi-voice__checks .is-ok b::after{content:"";position:absolute;left:6px;top:4px;width:5px;height:8px;border:solid var(--paper);border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}
.cbi-voice__checks .is-flag b{box-shadow:inset 0 0 0 1.5px var(--ink)}
.cbi-voice__checks .is-flag b::after{content:"!";position:absolute;inset:0;display:grid;place-items:center;font-family:var(--f);font-size:11px;font-weight:600;color:var(--ink)}
.cbi-voice__checks .is-flag em{color:var(--ink)}
.cbi-voice__checks .is-wait b{box-shadow:inset 0 0 0 1.5px var(--line-3)}
.cbi-voice__checks .is-wait{color:var(--faint)}
.cbi-voice__act{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:26px}
.cbi-sec--ink .cbi-voice__proof .cbi-voice__approve{background:var(--blue);border-color:var(--blue);color:#fff}
.cbi-sec--ink .cbi-voice__proof .cbi-voice__approve:hover{background:var(--blue-d);border-color:var(--blue-d)}
.cbi-sec--ink .cbi-voice__proof .cbi-voice__approve:disabled{background:var(--paper-3);border-color:var(--line-3);color:var(--muted);opacity:1}
.cbi-voice__hint{font-size:var(--t-sm);line-height:1.5;color:var(--muted);max-width:44ch}

/* approval log */
.cbi-voice__log{margin-top:clamp(48px,5vw,72px);padding-top:18px;border-top:1px solid var(--on-ink-line)}
.cbi-voice__logl{margin-top:14px}
.cbi-voice__logl li{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:6px 20px;align-items:baseline;padding-block:14px;border-bottom:1px solid var(--on-ink-line);animation:cbi-voice-in .5s var(--e)}
.cbi-voice__logl li b{font-family:var(--f);font-size:var(--t-lbl);font-weight:500;letter-spacing:.1em;color:var(--blue)}
.cbi-voice__logl li q{font-family:var(--f-h);font-size:1.05rem;font-weight:500;letter-spacing:-.01em;line-height:1.4;color:var(--on-ink);quotes:"“" "”"}
.cbi-voice__logl li small{font-family:var(--f);font-size:var(--t-lbl);letter-spacing:.1em;text-transform:uppercase;color:var(--on-ink-3);text-align:right}
.cbi-voice__logl .cbi-voice__empty{display:block;font-size:var(--t-sm);color:var(--on-ink-3);animation:none}
@keyframes cbi-voice-in{from{opacity:0;transform:translateY(-6px)}}

@media (max-width:1023px){
  .cbi-voice__tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cbi-voice__tab:nth-child(2){border-right:0}
  .cbi-voice__tab:nth-child(-n+2){border-bottom:1px solid var(--on-ink-line)}
  .cbi-voice__body{grid-template-columns:minmax(0,1fr)}
  .cbi-voice__dials{padding-top:0}
}
@media (max-width:600px){
  .cbi-voice__tabs{grid-template-columns:minmax(0,1fr)}
  .cbi-voice__tab{border-right:0;border-bottom:1px solid var(--on-ink-line);padding:14px 4px}
  .cbi-voice__proof{margin:24px}
  .cbi-voice__line{min-height:0}
  .cbi-voice__checks{grid-template-columns:minmax(0,1fr)}
  .cbi-voice__logl li{grid-template-columns:36px minmax(0,1fr)}
  .cbi-voice__logl li small{grid-column:2;text-align:left}
}
@media (prefers-reduced-motion:reduce){.cbi-voice__line .w,.cbi-voice__logl li{transition:none;animation:none}}