/* The "what you enter" match box, shared by /for-boards and /pricing (owner 2026-10-27: one component).
 Moved unchanged from the page template; each page keeps its own surrounding layout. */
.cc-lp__cfg h2 { margin:0 0 .35rem; }
.cc-lp__cfg-form > p { margin:0 0 .4rem; }
.cc-lp__pv-grid { display:grid; grid-template-columns:1fr 1fr; gap:0 1rem; }
.cc-lp__cfg label { display:block; font-size:.85rem; font-weight:600; margin:.8rem 0 .3rem; color:var(--cc-navy,#1A2E4A); }
.cc-lp__cfg select, .cc-lp__cfg input { width:100%; padding:.65rem .8rem; border:1px solid #b9c2ce; border-radius:8px;
  font:inherit; box-sizing:border-box; background:#fff; min-height:44px; color:var(--cc-navy,#1A2E4A); }
.cc-lp__cfg select:focus-visible, .cc-lp__cfg input:focus-visible {
  outline:3px solid var(--cc-teal-bright,#3FB3A2); outline-offset:1px; border-color:var(--cc-teal,#0E8074); }
.cc-lp__cfg .cc-modal__err { margin:.6rem 0 0; }
.cc-lp__cfg .cc-modal__err:empty { display:none; }
.cc-lp__pv-out { margin:1rem 0 0; }
.cc-lp__pv-out[aria-busy="true"] { opacity:.55; }
.cc-lp__pv-out p { margin:.35rem 0 0; font-size:.88rem; }
.cc-lp__pv-status { margin:1rem 0 0; padding:.7rem .9rem; border:1px dashed #b9c2ce; border-radius:8px;
                    font-size:.9rem; color:#45505f; }
.cc-lp__pv-status[hidden] { display:none; }
.cc-lp__pv-status.is-counting { border-style:solid; border-color:var(--cc-teal,#0E8074); color:var(--cc-navy,#1A2E4A); }
.cc-lp__pv-lead { margin:.9rem 0 0; font-size:.85rem; color:#45505f; }
/* The verified result (owner 2026-10-27: "it needs to stand out"). The quiet dashed status line gives
   way to one filled panel: the headline (the banner, or the plain count when there is no banner) with a
   check badge, the supporting lines beneath it. It lands with one short pulse. */
.cc-lp__pv-out:not([hidden]) { padding:1rem 1.1rem 1.05rem; background:#0B6B61; border-radius:12px; color:#fff;
  animation:cc-pv-land .7s ease-out 1; }
.cc-lp__pv-out p { color:#e3f2ef !important; }
.cc-lp__banner,
.cc-lp__pv-out .cc-lp__banner[hidden] + div > p:first-child {
  position:relative; margin:0 !important; padding:0 0 0 2.4rem; background:none; border:0;
  color:#fff !important; font-size:1.05rem !important; font-weight:700; line-height:1.45; min-height:1.7rem; }
.cc-lp__banner::before,
.cc-lp__pv-out .cc-lp__banner[hidden] + div > p:first-child::before {
  content:""; position:absolute; left:0; top:.05rem; width:1.6rem; height:1.6rem; border-radius:50%; background:#fff; }
.cc-lp__banner::after,
.cc-lp__pv-out .cc-lp__banner[hidden] + div > p:first-child::after {
  content:""; position:absolute; left:.58rem; top:.33rem; width:.4rem; height:.75rem;
  border:solid #0B6B61; border-width:0 3px 3px 0; transform:rotate(45deg); }
.cc-lp__pv-out .cc-lp__banner ~ p, .cc-lp__pv-out #lp-pv-lines p { padding-left:2.4rem; }
.cc-lp__pv-out .cc-lp__banner[hidden] + div > p:first-child { padding-left:2.4rem; }
.cc-lp__pv-out #lp-pv-lines p { margin:.45rem 0 0; }
.cc-lp__pv-out .cc-lp__banner + div > p:first-child { margin-top:.55rem; }
/* owner 2026-11-13: the names block under the count, every surface of the free check. */
.cc-lp__pv-out .cc-lp__pv-names ul { margin:.3rem 0 0; padding:0 0 0 3.6rem; color:#fff; font-size:.88rem; font-weight:600; }
.cc-lp__pv-out .cc-lp__pv-names li { margin:.15rem 0 0; overflow-wrap:anywhere; }
@keyframes cc-pv-land {
  0% { transform:scale(.97); box-shadow:0 0 0 0 rgba(14,128,116,.55); }
  60% { transform:scale(1); box-shadow:0 0 0 10px rgba(14,128,116,0); }
  100% { box-shadow:0 0 0 0 rgba(14,128,116,0); }
}
@media (prefers-reduced-motion: reduce) { .cc-lp__pv-out:not([hidden]) { animation:none; } }

/* /pricing: executive and workforce results side by side (owner 2026-10-27). */
.cc-lp__pv-pair { display:grid; grid-template-columns:minmax(0,1fr); gap:0 1rem; align-items:start; }
@media (min-width: 760px) { .cc-lp__pv-pair { grid-template-columns:minmax(0,1fr) minmax(0,1fr); } }

/* The workforce entry (pricing only) spans the form's full width. */
.cc-lp__pv-wf { grid-column:1 / -1; }
@media (max-width: 600px) {
.cc-lp__pv-grid { grid-template-columns:1fr; }
}
