/* Equi=valent Experience Lab: expressive, accessible, responsive */
:root{--ev-violet:#6457d9;--ev-cyan:#1e94a7;--ev-coral:#ed8769;--ev-lime:#eaf8c8;--ev-ink:#152d43}
.ev-entry{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin:18px 0 15px;padding:14px 19px;background:linear-gradient(100deg,#e7f7ef 0%,#e7f1fa 49%,#f4edff 100%);border:1px solid #dce8e6;color:#264a4c}
.ev-entry strong{font-size:14px}.ev-entry span{font-size:12px;color:#526a75}.ev-entry a{font-size:12px;font-weight:700;color:#24436b;text-decoration:underline;text-underline-offset:4px}
.ev-studio{margin:16px 0 21px;border:1px solid #cfdee2;background:#fff;box-shadow:0 16px 40px #183e4c12;overflow:hidden}
.ev-studio-top{background:#132b41;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 18px}
.ev-studio-brand{display:flex;align-items:center;gap:9px;font-size:12px;letter-spacing:.02em}
.ev-studio-brand i{width:9px;height:9px;border-radius:50%;background:#80e7bf;box-shadow:0 0 0 4px #80e7bf22}
.ev-studio-top small{font-size:10px;color:#a9c8d7}
.ev-studio-grid{display:grid;grid-template-columns:153px minmax(0,1fr);min-height:365px}
.ev-studio-rail{display:flex;flex-direction:column;gap:7px;padding:14px 10px;background:#edf2f5;border-right:1px solid #dce5eb}
.ev-studio-rail button{border:0;background:transparent;text-align:left;padding:11px 11px;font-size:11px;color:#637783;display:flex;gap:8px;align-items:center;font-weight:600}
.ev-studio-rail button:hover{background:#fff}
.ev-studio-rail button[aria-selected="true"]{background:white;color:#174b58;box-shadow:inset 3px 0 0 #38ad9b}
.ev-studio-view{padding:24px 24px 20px;min-width:0}
.ev-studio-view .ev-over{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#369183;font-weight:700}
.ev-studio-view h5{font-size:21px;letter-spacing:-.04em;color:var(--ev-ink);margin:9px 0 8px;line-height:1.3}
.ev-studio-view p{font-size:12px;color:#71828b;line-height:1.65;margin:0 0 15px}
.ev-view-card{border:1px solid #dce8e8;background:linear-gradient(140deg,#f7fbfd,#f3f9f5);padding:18px;min-height:190px}
.ev-view-card-header{font-size:11px;font-weight:700;color:#28465a;margin-bottom:12px}
.ev-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ev-metric{padding:10px 8px;border:1px solid #e1e9ef;background:#fff}
.ev-metric b{display:block;font-size:18px;line-height:1.3;color:#264d65}
.ev-metric span{font-size:9px;line-height:1.4;color:#788993}
.ev-note{margin-top:14px;padding:10px 12px;background:#e6f4e9;color:#3b7762;font-size:11px}
.ev-video{aspect-ratio:16/9;background:radial-gradient(circle at 80% 15%,#397ba7,#182f4b 65%);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:14px}
.ev-video .ev-play{border:1px solid #ffffff55;background:#ffffff20;border-radius:50%;width:58px;height:58px;color:#fff;font-size:22px;transition:transform .2s,background .2s}
.ev-video .ev-play:hover{transform:scale(1.07);background:#ffffff40}
.ev-video span{font-size:11px;color:#d2e6ee}
.ev-board{display:grid;gap:7px}
.ev-board-item{display:flex;align-items:center;gap:9px;text-align:left;padding:10px;background:#fff;border:1px solid #dce7e6;color:#3f6062;font-size:11px}
.ev-board-item:hover{border-color:#79b7a7}
.ev-board-item[aria-pressed="true"]{background:#e6f5eb;border-color:#85bc9e}
.ev-board-item em{font-style:normal;margin-left:auto;color:#9faeaf}
.ev-deliverable{background:#fff;border:1px solid #dae5df;padding:17px;color:#34566a}
.ev-deliverable h6{font-size:15px;margin:0 0 12px}
.ev-deliverable ul{padding-left:17px;font-size:11px;line-height:1.9;margin:0}
.ev-mini-button{background:#174f66;color:#fff;border:0;padding:11px 16px;font-size:11px;font-weight:700;margin-top:13px}
.ev-brief{display:grid;gap:8px}
.ev-brief label{font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:#627d7e}
.ev-brief select{padding:9px;border:1px solid #ccdbd5;border-radius:0;background:white;font-size:12px;color:#244b58;width:100%}
.ev-brief-note{font-size:10px;color:#718985}
.ev-toast{padding:10px 12px;border-left:3px solid #6c62ca;background:#f0eefc;color:#5d5791;font-size:11px;margin-top:11px}
.ev-interact{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-top:13px}
.ev-interact button{background:#176f65;color:#fff;border:0;padding:10px 14px;font-size:11px;font-weight:700}
.ev-interact button.secondary{background:transparent;border:1px solid #b9d4d0;color:#376966}
.ev-tiny{font-size:10px;color:#81939c}
.ev-studio-footer{background:#f8faf9;padding:10px 16px;font-size:10px;color:#74888e;border-top:1px solid #e1e9e6;display:flex;align-items:center;gap:9px;justify-content:space-between}
.ev-inv-nav{display:inline-block!important;font-weight:600;color:#274f59!important}
@media(max-width:620px){.ev-studio-grid{grid-template-columns:1fr}.ev-studio-rail{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid #dce5eb;gap:2px}.ev-studio-rail button{white-space:nowrap;flex:none;padding:10px 9px}.ev-studio-view{padding:18px 14px}.ev-metric b{font-size:16px}.ev-entry{padding:13px}.ev-studio-footer{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.ev-video .ev-play{transition:none}}