/* Team Engagement Calculator widgets. Uses the site tokens from /styles.css. */
.tec-box{background:#fff;border:1px solid rgba(23,54,34,.14);border-radius:22px;padding:clamp(18px,3vw,32px);box-shadow:0 18px 50px rgba(23,54,34,.08)}
.tec-demo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:clamp(18px,3vw,36px);align-items:start}
@media(max-width:860px){.tec-demo{grid-template-columns:1fr}}
.tec-tag{display:inline-block;font-family:var(--h);font-size:11px;letter-spacing:.14em;text-transform:uppercase;background:#f3ebbd;color:var(--forest);padding:5px 10px;border-radius:999px;margin-bottom:12px}
.tec-field{margin:0 0 16px}
.tec-field label{display:block;font-family:var(--h);font-size:14px;color:var(--forest);margin-bottom:6px}
.tec-field input[type=number],.tec-field input[type=text],.tec-field input[type=email],.tec-field select{width:100%;font:inherit;font-size:16px;padding:12px 14px;border:1.5px solid rgba(23,54,34,.25);border-radius:12px;background:#fff;color:var(--black)}
.tec-field input:focus,.tec-field select:focus{outline:3px solid var(--green);outline-offset:1px;border-color:var(--forest)}
.tec-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:520px){.tec-row{grid-template-columns:1fr}}
.tec-range{width:100%;accent-color:#1f6b3a;height:28px}
.tec-rv{display:flex;justify-content:space-between;font-size:13px;color:#40534a}
.tec-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}
@media(max-width:520px){.tec-kpis{grid-template-columns:1fr}}
.tec-kpis div{background:var(--cream);border-radius:14px;padding:14px}
.tec-kpis small{display:block;font-size:12.5px;color:#40534a;line-height:1.3}
.tec-kpis b{display:block;font-family:var(--h);font-weight:400;font-size:30px;line-height:1.05;color:var(--forest);margin-top:6px}
.tec-kpis i{display:block;font-style:normal;font-size:12.5px;color:#1f6b3a;margin-top:4px}
.tec-kpis .dk{background:var(--forest)}.tec-kpis .dk small{color:rgba(255,255,255,.75)}.tec-kpis .dk b{color:var(--green)}.tec-kpis .dk i{color:rgba(255,255,255,.85)}
.tec-pillar{margin-top:12px}
.tec-pillar h4{font-family:var(--h);font-weight:400;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#40534a;margin:0 0 6px}
.tec-cells{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:6px}
.tec-cell{border-radius:10px;padding:9px 10px;display:flex;justify-content:space-between;align-items:baseline;gap:6px;font-size:13px;color:var(--forest)}
.tec-cell b{font-family:var(--h);font-weight:400;font-size:16px}
.tec-cell.good{background:#D2FCE2}.tec-cell.mixed{background:#f3ebbd}.tec-cell.weak{background:#f6d9c2}
.tec-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;color:#40534a;margin-top:10px}
.tec-legend span::before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.tec-legend .g::before{background:#D2FCE2}.tec-legend .m::before{background:#f3ebbd}.tec-legend .w::before{background:#f6d9c2}
.tec-note{font-size:13.5px;color:#40534a;margin-top:14px;line-height:1.5}
.tec-qlist{margin:12px 0 0;padding-left:22px;font-size:15px}
.tec-qlist li{margin:6px 0}
details.tec-more{margin-top:16px}
details.tec-more summary{cursor:pointer;font-family:var(--h);color:var(--forest)}
.tec-msg{margin-top:12px;font-size:15px;border-radius:12px;padding:12px 14px;display:none}
.tec-msg.ok{display:block;background:#D2FCE2;color:var(--forest)}
.tec-msg.err{display:block;background:#f6d9c2;color:#5a2410}
.tec-links{display:grid;gap:10px;margin-top:12px}
.tec-links div{background:var(--cream);border-radius:12px;padding:12px 14px;word-break:break-all;font-size:14px}
.tec-links b{display:block;font-family:var(--h);font-weight:400;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#40534a;margin-bottom:4px;word-break:normal}
.tec-copy{margin-top:8px;font:inherit;font-size:13px;background:var(--forest);color:var(--green);border:0;border-radius:8px;padding:6px 12px;cursor:pointer}
.tec-consent{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:#40534a;margin:6px 0 16px}
.tec-consent input{margin-top:3px;width:18px;height:18px;accent-color:#1f6b3a}
.btn[disabled]{opacity:.55;cursor:wait}
.tec-inline{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.tec-inline input{flex:1 1 220px;font:inherit;font-size:16px;padding:12px 14px;border:1.5px solid rgba(23,54,34,.25);border-radius:12px}
/* survey */
.tec-q{padding:18px 0;border-bottom:1px solid rgba(23,54,34,.1)}
.tec-q:last-of-type{border-bottom:0}
.tec-q p{margin:0 0 10px;font-size:17px;color:var(--black)}
.tec-q .n{font-family:var(--h);color:#1f6b3a;margin-right:6px}
.tec-scale{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}
.tec-scale label{position:relative}
.tec-scale input{position:absolute;opacity:0;inset:0;cursor:pointer}
.tec-scale span{display:block;text-align:center;padding:10px 0;border:1.5px solid rgba(23,54,34,.22);border-radius:9px;font-size:15px;background:#fff}
.tec-scale input:checked+span{background:var(--forest);color:var(--green);border-color:var(--forest)}
.tec-scale input:focus-visible+span{outline:3px solid var(--green);outline-offset:1px}
.tec-ends{display:flex;justify-content:space-between;font-size:12.5px;color:#40534a;margin-top:5px}
.tec-progress{position:sticky;top:0;z-index:5;background:var(--mint);padding:10px 0}
.tec-bar{height:6px;background:rgba(23,54,34,.12);border-radius:6px;overflow:hidden}
.tec-bar i{display:block;height:100%;width:0;background:#1f6b3a;transition:width .2s}
.tec-badge{display:inline-block;background:var(--forest);color:var(--green);font-size:12px;border-radius:999px;padding:4px 10px;font-family:var(--h)}


.src a{color:inherit}
/* v3: CHRO one-pager + self-check funnel */
.tec-sug{display:none;font-size:14px;color:var(--forest);margin:-8px 0 12px}
.tec-sug .ms-sug,.tec-linkbtn{font:inherit;background:none;border:0;padding:0;color:#1f6b3a;text-decoration:underline;cursor:pointer}
.tec-steps{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px;padding:0;list-style:none}
.tec-steps li{font-family:var(--h);font-size:13px;padding:6px 12px;border-radius:999px;background:rgba(23,54,34,.07);color:#40534a}
.tec-steps li.on{background:var(--forest);color:var(--green)}
.tec-steps li.done{background:#D2FCE2;color:var(--forest)}
.tec-banner{background:#f3ebbd;border-radius:14px;padding:12px 16px;font-size:15px;color:var(--forest);margin:0 0 6px}
.tec-check{max-width:860px}
.inc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}
@media(max-width:860px){.inc{grid-template-columns:1fr}}
.inc ul{margin:10px 0 0;padding-left:20px}.inc li{margin:7px 0;font-size:15.5px}
.tl{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:12px}
.tl li{display:grid;grid-template-columns:130px 1fr;gap:16px;background:#fff;border:1px solid rgba(23,54,34,.12);border-radius:16px;padding:16px 18px}
.tl b{font-family:var(--h);font-weight:400;color:#1f6b3a}
@media(max-width:560px){.tl li{grid-template-columns:1fr;gap:4px}}
.price{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(18px,3vw,36px);align-items:start;margin-top:22px}
@media(max-width:860px){.price{grid-template-columns:1fr}}
.ptab{width:100%;border-collapse:collapse;font-size:15.5px}
.ptab th,.ptab td{text-align:left;padding:11px 8px;border-bottom:1px solid rgba(23,54,34,.12)}
.ptab th{font-family:var(--h);font-weight:400;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:#40534a}
.ptab td b{font-family:var(--h);font-weight:400;font-size:20px;color:var(--forest)}
.pbig{font-family:var(--h);font-size:clamp(34px,5vw,48px);color:var(--forest);line-height:1}
.tec-print{display:none}
@media print{
  nav,footer,.skip,.tec-noprint,.endcta,#lumina-sample form,#check,#enroll,#faq details:not([open]) .a{display:none!important}
  body{background:#fff!important}
  section,header{padding:14px 0!important;break-inside:avoid}
  .tec-box,.card{box-shadow:none!important}
  .tec-print{display:block}
  a{color:inherit;text-decoration:none}
  .rv{opacity:1!important;transform:none!important}
}