/* A clear invitation and action cards, rather than a list of component labels. */
.cv-workspace-guide{container-type:inline-size}.cv-workspace-guide .cv-guide-invitation{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}.cv-guide-invitation>div{max-width:680px}.cv-guide-invitation>div>span{font-size:10px;letter-spacing:.12em;line-height:1.5;color:#f05a28}.cv-workspace-guide .cv-guide-invitation h3{font-size:clamp(22px,2vw,28px)!important;line-height:1.2!important;letter-spacing:-.4px;font-weight:500;color:#fff!important;margin:11px 0 10px!important}.cv-workspace-guide .cv-guide-invitation p{font-size:14px!important;line-height:1.6!important;color:#e5e7eb!important;margin:0!important}.cv-start-exploration{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;max-width:330px;flex:0 0 auto;padding:14px 18px;border:1px solid #f05a28;border-radius:9px;background:#f05a28;color:#111;font-family:inherit;font-size:14px;font-weight:600;line-height:1.5;cursor:pointer;box-shadow:0 8px 25px #f05a2822}.cv-start-exploration>span{color:#111}.cv-start-exploration .fv-icon{width:25px;height:25px;color:#111}.cv-start-exploration .df-symbol-accent{stroke:#111}.cv-start-exploration .df-symbol-final{fill:#111}.cv-start-exploration:hover{box-shadow:0 0 0 3px #f05a2833,0 10px 25px #1114;transform:translateY(-1px)}.df-device-polish .cv-workspace-guide .cv-feature-buttons{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px}.cv-workspace-guide .cv-feature-buttons button{display:flex!important;align-items:center;gap:12px;min-height:84px;padding:16px!important;border:1px solid #6b7280;border-radius:10px;background:linear-gradient(145deg,#242424,#151515);color:#fff;box-shadow:0 3px 0 #0005;text-align:left;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.cv-workspace-guide .cv-feature-buttons button>.fv-icon{width:34px!important;height:34px!important;flex:0 0 34px;color:#f05a28}.cv-feature-copy{display:grid;gap:6px;min-width:0;flex:1}.cv-workspace-guide .cv-feature-copy>strong{font-size:15px;line-height:1.35;font-weight:600;color:#fff}.cv-workspace-guide .cv-feature-copy>small{font-size:11px;line-height:1.5;color:#e5e7eb}.cv-feature-chevron{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border-radius:50%;border:1px solid #6b7280;background:#111}.cv-workspace-guide .cv-feature-chevron .fv-icon{width:17px!important;height:17px!important;margin:0!important;color:#f05a28}.cv-workspace-guide .cv-feature-buttons button:hover{border-color:#f05a28;transform:translateY(-2px);box-shadow:0 7px 20px #0005}.cv-workspace-guide .cv-feature-buttons button:active{transform:translateY(0)}.cv-workspace-guide .cv-feature-buttons button[aria-pressed=true]{background:#f05a28!important;border-color:#f05a28;box-shadow:0 0 0 2px #f05a2830}.cv-workspace-guide .cv-feature-buttons button[aria-pressed=true] .cv-feature-copy>strong,.cv-workspace-guide .cv-feature-buttons button[aria-pressed=true] .cv-feature-copy>small{color:#111}.cv-workspace-guide .cv-feature-buttons button[aria-pressed=true] .cv-feature-chevron{border-color:#1116;background:#111}.cv-workspace-guide .cv-feature-buttons button[aria-pressed=true] .cv-feature-chevron .fv-icon{color:#f05a28!important}.cv-workspace-guide .cv-feature-buttons button[aria-pressed=true] .cv-feature-chevron .df-symbol-accent{stroke:#f05a28}.cv-workspace-guide .cv-feature-explanation{min-height:90px;padding-top:18px;margin-top:20px}.cv-workspace-guide .cv-feature-explanation strong{font-size:18px}.cv-workspace-guide .cv-feature-explanation p{font-size:14px!important;line-height:1.6!important}.cv-workspace-guide .cv-feature-explanation>span{font-size:13px;line-height:1.6;max-width:320px}.cv-start-exploration:focus-visible,.cv-workspace-guide .cv-feature-buttons button:focus-visible{outline:3px solid #fff;outline-offset:4px}
@container(max-width:900px){.cv-workspace-guide .cv-guide-invitation{display:grid;gap:16px}.cv-start-exploration{justify-self:start;max-width:none;font-size:14px;min-height:50px}.df-device-polish .cv-workspace-guide .cv-feature-buttons{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cv-workspace-guide .cv-feature-buttons button:last-child{grid-column:1/-1}.cv-workspace-guide .cv-feature-copy>strong{font-size:14px}.cv-workspace-guide .cv-feature-buttons button{min-height:82px;padding:14px!important}.cv-workspace-guide .cv-feature-buttons button>.fv-icon{width:30px!important;height:30px!important;flex-basis:30px}.cv-workspace-guide .cv-feature-explanation{display:grid;gap:10px;min-height:0}.cv-workspace-guide .cv-feature-explanation>span{max-width:none}}
@container(max-width:500px){.cv-workspace-guide .cv-guide-invitation h3{font-size:23px!important;line-height:1.25!important}.cv-workspace-guide .cv-guide-invitation p{font-size:13px!important}.cv-start-exploration{width:100%;padding:13px 12px;font-size:14px;min-height:50px}.cv-start-exploration .fv-icon{width:22px;height:22px}.df-device-polish .cv-workspace-guide .cv-feature-buttons{gap:10px}.cv-workspace-guide .cv-feature-buttons button{display:grid!important;grid-template-columns:26px minmax(0,1fr);align-content:start;align-items:start;gap:9px 8px;min-height:106px;padding:12px 10px!important;position:relative}.cv-workspace-guide .cv-feature-buttons button>.fv-icon{width:26px!important;height:26px!important;grid-column:1;grid-row:1}.cv-workspace-guide .cv-feature-copy{grid-column:1/-1;grid-row:2;gap:7px}.cv-workspace-guide .cv-feature-copy>strong{font-size:14px;line-height:1.35}.cv-workspace-guide .cv-feature-copy>small{font-size:11px}.cv-feature-chevron{position:absolute;right:10px;top:12px;width:24px;height:24px}.cv-workspace-guide .cv-feature-buttons button:last-child{grid-template-columns:30px minmax(0,1fr);min-height:76px;align-items:center}.cv-workspace-guide .cv-feature-buttons button:last-child .cv-feature-copy{grid-column:2;grid-row:1;padding-right:27px}.cv-workspace-guide .cv-feature-buttons button:last-child .cv-feature-chevron{top:25px}.cv-workspace-guide .cv-feature-explanation strong{font-size:17px}.cv-workspace-guide .cv-feature-explanation p{font-size:13px!important}.cv-workspace-guide .cv-feature-explanation>span{font-size:12px}.cv-workspace-guide .cv-feature-buttons button:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.cv-start-exploration,.cv-workspace-guide .cv-feature-buttons button{transition:none!important;transform:none!important}}
/* Challenge cards share the approved cinematic material language; labels stay native. */
.cv-card-art:has(.cv-cinematic-challenge){border-color:#6b7280;box-shadow:0 14px 32px #1112;overflow:hidden;background:#111}.cv-cinematic-challenge{margin:0;position:relative;overflow:hidden}.cv-cinematic-challenge img{display:block;width:100%;height:auto;aspect-ratio:1.8;object-fit:cover;object-position:center;opacity:1;filter:none;transition:transform .5s ease}.cv-cinematic-challenge figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;background:#111;border-top:1px solid #6b728066;font-size:10px!important;line-height:1.5!important;color:#e5e7eb}.cv-cinematic-challenge figcaption>span:last-child{border-left:2px solid #f05a28;padding-left:10px;color:#fff}.cv-cinematic-challenge:after{content:'';position:absolute;inset:0 0 42px;pointer-events:none;background:linear-gradient(120deg,transparent 40%,#ffffff08 50%,transparent 60%);opacity:0;transition:opacity .4s ease}.cv-challenge:hover .cv-cinematic-challenge img{transform:scale(1.025)}.cv-challenge:hover .cv-cinematic-challenge:after{opacity:1}
@media(max-width:767px){.cv-cinematic-challenge img{aspect-ratio:1.85}.cv-cinematic-challenge figcaption{padding:12px;font-size:11px!important}.cv-challenge:hover .cv-cinematic-challenge img{transform:none}}
@media(prefers-reduced-motion:reduce){.cv-cinematic-challenge img,.cv-cinematic-challenge:after{transition:none;transform:none!important}}
