.promotion-showcase{--promotion-accent:var(--ignition);color:var(--foreground);overflow-wrap:anywhere}.promotion-workspace{border:1px solid var(--border-strong);background:var(--card);border-radius:16px;margin-top:40px;overflow:hidden;container-type:inline-size}.promotion-workspace-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.promotion-workspace-identity{align-items:center;gap:16px;min-width:0;display:flex}.promotion-workspace-identity>div{min-width:0}.promotion-artwork{object-fit:contain;filter:grayscale();width:64px;height:64px}.promotion-overline{color:var(--muted-foreground);font-family:var(--font-geist-mono),monospace;letter-spacing:.1em;text-transform:uppercase;font-size:.875rem;line-height:1.5}.promotion-workspace-title{letter-spacing:-.02em;margin-top:4px;font-size:1.1875rem;font-weight:600}.promotion-sample-label{color:var(--muted-foreground);font-size:.875rem;line-height:1.5}.promotion-sample-label span{display:block}.promotion-input-strip{border-bottom:1px solid var(--border);background:var(--surface);grid-template-columns:minmax(0,1.4fr) auto minmax(0,1fr) minmax(0,.7fr);align-items:center;gap:24px;padding:24px;font-size:.9375rem;font-weight:500;display:grid}.promotion-input-strip .promotion-overline{margin-bottom:8px}.promotion-role-arrow{color:var(--wj-action-text)}.promotion-target-role{font-weight:700}.promotion-timeline{border-left:1px solid var(--border-strong);padding-left:24px}.promotion-workspace-grid{grid-template-columns:1fr 1.12fr 1fr;display:grid}.promotion-readiness,.promotion-roadmap,.promotion-evidence{min-width:0;padding:24px}.promotion-roadmap{border-inline:1px solid var(--border)}.promotion-widget-heading{align-items:center;gap:8px;display:flex}.promotion-widget-heading svg{color:var(--muted-foreground);flex-shrink:0}.promotion-widget-heading h3{letter-spacing:-.01em;font-size:.875rem;font-weight:650}.promotion-context{color:var(--muted-foreground);margin-top:16px;font-size:.875rem;line-height:1.65}.promotion-manager-note{border-left:2px solid var(--border-strong);margin-top:16px;padding-left:12px;font-size:.875rem;line-height:1.6}.promotion-score-row{flex-wrap:wrap;align-items:center;gap:16px;margin-block:24px;display:flex}.promotion-score-ring{flex-shrink:0;width:6.5rem;max-width:100%;height:6.5rem;position:relative}.promotion-score-ring svg{fill:none;stroke-width:5px;width:100%;height:100%;transform:rotate(-90deg)}.promotion-ring-track{stroke:var(--border)}.promotion-ring-value{stroke:var(--promotion-accent);stroke-linecap:round}.promotion-score-ring strong{justify-content:center;align-items:center;gap:2px;font-size:2rem;font-weight:600;display:flex;position:absolute;inset:0}.promotion-score-ring small{color:var(--muted-foreground);font-family:var(--font-geist-mono),monospace;padding-top:12px;font-size:.875rem}.promotion-score-label{font-size:.875rem;font-weight:600}.promotion-score-help{color:var(--muted-foreground);margin-top:4px;font-size:.875rem;line-height:1.5}.promotion-skill-legend{color:var(--muted-foreground);flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:16px;font-size:.875rem;display:flex}.promotion-skill+.promotion-skill{margin-top:16px}.promotion-skill>div:first-child{flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:.875rem;display:flex}.promotion-skill-values{color:var(--muted-foreground);font-variant-numeric:tabular-nums;flex-shrink:0}.promotion-skill-scale{background:var(--border);height:4px;margin-top:8px;position:relative}.promotion-skill-scale span{background:var(--foreground-subtle);height:100%;display:block}.promotion-skill-scale i{background:var(--promotion-accent);width:2px;height:10px;position:absolute;top:-3px}.promotion-widget-sub{color:var(--muted-foreground);margin-top:16px;font-size:.875rem;line-height:1.6}.promotion-roadmap-list{margin-block:24px}.promotion-roadmap-list li{grid-template-columns:32px minmax(0,1fr);gap:16px;padding-bottom:24px;display:grid;position:relative}.promotion-roadmap-list li:last-child{padding-bottom:0}.promotion-roadmap-list li:not(:last-child):before{content:"";background:var(--border-strong);width:1px;position:absolute;top:32px;bottom:0;left:15px}.promotion-milestone-marker{border:1px solid var(--border-strong);width:32px;height:32px;color:var(--wj-action-text);border-radius:50%;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.promotion-milestone-month{color:var(--muted-foreground);font-family:var(--font-geist-mono),monospace;text-transform:uppercase;letter-spacing:.06em;font-size:.875rem;line-height:1.8}.promotion-roadmap-list h4{margin-top:4px;font-size:.875rem;font-weight:600;line-height:1.4}.promotion-milestone-goal{color:var(--muted-foreground);margin-top:8px;font-size:.875rem;line-height:1.6}.promotion-destination{border-top:1px solid var(--border);align-items:center;gap:12px;padding-top:16px;display:flex}.promotion-destination svg{color:var(--wj-action-text);flex-shrink:0}.promotion-destination>div>p:last-child{margin-top:4px;font-size:.875rem;font-weight:600}.promotion-brag-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;margin-top:24px;padding:16px}.promotion-brag-card blockquote{letter-spacing:-.01em;margin-top:12px;font-size:.9375rem;font-weight:500;line-height:1.6}.promotion-brag-note{color:var(--muted-foreground);margin-top:16px;font-size:.875rem;line-height:1.6}.promotion-stakeholder-heading{margin-top:24px}.promotion-stakeholders{gap:16px;margin-top:16px;display:grid}.promotion-stakeholders li{gap:12px;display:flex}.promotion-stakeholders li>div{min-width:0}.promotion-person-mark{border:1px solid var(--border);width:32px;height:32px;color:var(--muted-foreground);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.promotion-person-role{font-size:.875rem;font-weight:600}.promotion-person-strategy{color:var(--muted-foreground);margin-top:4px;font-size:.875rem;line-height:1.55}.promotion-workspace-footer{border-top:1px solid var(--border);color:var(--muted-foreground);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;font-size:.875rem;display:flex}.promotion-workspace-footer ul{flex-wrap:wrap;gap:8px 24px;display:flex}.promotion-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}@media (min-width:1024px) and (max-width:1199px){.promotion-workspace-grid{grid-template-columns:1fr 1.15fr}.promotion-roadmap{border-right:0}.promotion-evidence{border-top:1px solid var(--border);grid-column:1/-1;grid-template-columns:1fr 1fr;gap:16px 24px;display:grid}.promotion-evidence>:first-child{grid-area:1/1}.promotion-brag-card{grid-area:2/1;margin-top:0}.promotion-stakeholder-heading{grid-area:1/2;margin-top:0}.promotion-stakeholders{grid-area:2/2;margin-top:0}}@media (max-width:1023px){.promotion-workspace-grid{grid-template-columns:minmax(0,1fr)}.promotion-roadmap{border-inline:0;border-block:1px solid var(--border)}}@media (max-width:767px){.promotion-workspace-header{padding:16px}.promotion-workspace-identity{gap:8px}.promotion-workspace-title{font-size:1.0625rem}.promotion-artwork{width:48px;height:48px}.promotion-sample-label span{display:inline}.promotion-input-strip{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:16px;padding:24px 16px;font-size:.875rem}.promotion-timeline{border-left:0;border-top:1px solid var(--border);grid-column:1/-1;align-items:center;gap:16px;padding:16px 0 0;display:flex}.promotion-timeline .promotion-overline{margin-bottom:0}.promotion-readiness,.promotion-roadmap,.promotion-evidence{padding:24px}.promotion-score-row{gap:24px}.promotion-context,.promotion-widget-sub,.promotion-milestone-goal,.promotion-person-strategy{font-size:.875rem}.promotion-workspace-footer{padding:16px}}@container (max-width:54rem){.promotion-workspace-grid{grid-template-columns:minmax(0,1fr)}.promotion-roadmap{border-inline:0;border-block:1px solid var(--border)}.promotion-evidence{border-top:0;display:block}.promotion-brag-card,.promotion-stakeholder-heading{margin-top:24px}.promotion-stakeholders{margin-top:16px}}@container (max-width:34rem){.promotion-input-strip{grid-template-columns:minmax(0,1fr)}.promotion-role-arrow{display:none}.promotion-timeline{border-left:0;border-top:1px solid var(--border);padding:16px 0 0;display:block}.promotion-timeline .promotion-overline{margin-bottom:8px}}