.fos-workspace { position: relative; padding-block: var(--fos-space-6); }
.fos-workspace--hero { padding-block: var(--fos-space-7) var(--fos-space-5); }
.fos-workspace--app { padding-block: var(--fos-space-6); border-top: 1px solid var(--fos-color-border-subtle); }
.fos-workspace-header { max-width: 820px; }
.fos-workspace-kicker { display: flex; align-items: center; gap: var(--fos-space-3); margin-bottom: var(--fos-space-3); }
.fos-workspace-number { color: var(--fos-color-text-muted); font-size: .78rem; font-weight: 900; letter-spacing: .08em; }
.fos-eyebrow { margin: 0; font-size: .78rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; color: var(--fos-color-text-muted); }
.fos-workspace-title { margin: 0; font-size: clamp(2.4rem, 6.4vw, 5.25rem); line-height: .96; letter-spacing: -0.07em; color: var(--fos-color-text); }
.fos-workspace-title--compact { font-size: clamp(2rem, 4.8vw, 4.2rem); }
.fos-workspace-description { margin: var(--fos-space-4) 0 0; max-width: 720px; font-size: clamp(1rem, 2vw, 1.18rem); line-height: 1.58; color: var(--fos-color-text-muted); }
.fos-workspace-actions { display: flex; flex-wrap: wrap; gap: var(--fos-space-3); margin-top: var(--fos-space-5); }
.fos-shell-panel { min-height: 440px; padding: var(--fos-space-6); border: 1px solid var(--fos-color-border-subtle); border-radius: var(--fos-radius-xl); background: color-mix(in srgb, var(--fos-color-surface) 74%, transparent); box-shadow: var(--fos-shadow-sm); }
.fos-shell-panel[hidden] { display: none; }
.fos-shell-panel-header { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--fos-space-5); margin-bottom: var(--fos-space-5); padding-bottom: var(--fos-space-5); border-bottom: 1px solid var(--fos-color-border-subtle); }
.fos-shell-panel-meta { max-width: 620px; }
.fos-shell-panel-label { margin: 0 0 var(--fos-space-2); font-size: .75rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; color: var(--fos-color-text-muted); }
.fos-shell-panel-title { margin: 0; font-size: clamp(1.8rem, 3vw, 2.8rem); line-height: 1; letter-spacing: -0.055em; }
.fos-shell-panel-description { margin: var(--fos-space-3) 0 0; color: var(--fos-color-text-muted); line-height: 1.6; }
.fos-footer { border-top: 1px solid var(--fos-color-border-subtle); padding-block: var(--fos-space-4); color: var(--fos-color-text-muted); font-size: .875rem; }
.fos-footer-inner { display: flex; justify-content: space-between; gap: var(--fos-space-4); }
@media (max-width: 980px) {
  .fos-workspace--hero { padding-block: var(--fos-space-6); }
  .fos-shell-panel { min-height: auto; padding: var(--fos-space-5); }
}
@media (max-width: 768px) {
  .fos-workspace { padding-block: var(--fos-space-5); }
  .fos-workspace-title { font-size: clamp(2.25rem, 14vw, 4rem); }
  .fos-shell-panel-header { display: block; }
  .fos-footer-inner { flex-direction: column; }
}