#ws-book-dashboard.ws-dash-open .ws-dash-body { display: flex !important; }
  #ws-book-dashboard.ws-dash-open .ws-dash-arrow { transform: rotate(180deg); }
  #ws-start-project-modal {
    /* Above the site-wide accessibility-toolkit (9998/9999) and copilot
       widget (9998/9999) floating buttons/panels — otherwise, on mobile
       where this modal covers the full viewport, those fixed-position
       widgets would render on top of it (found while verifying this fix). */
    position: fixed; inset: 0; z-index: 10050;
    background: rgba(0,0,0,0.6);
    display: flex; align-items: center; justify-content: center;
    padding: 1rem;
  }
  #ws-start-project-modal[hidden] { display: none; }
  .ws-start-project-panel {
    background: #fff; border-radius: 12px;
    width: 92vw; max-width: 760px; max-height: 88vh;
    display: flex; flex-direction: column; overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,0.3);
  }
  .ws-start-project-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: 1.1rem 1.25rem; border-bottom: 1px solid var(--bc-border); }
  .ws-start-project-title { margin: 0; font-size: 1.15rem; }
  .ws-start-project-body { padding: 1rem 1.25rem 1.25rem; overflow-y: auto; display: flex; flex-direction: column; gap: 0.85rem; }
  .ws-start-project-foot { padding: 0.85rem 1.25rem; border-top: 1px solid var(--bc-border); display: flex; justify-content: flex-end; }
  .ws-suite-choice { display: flex; gap: 0.5rem; }
  .ws-suite-choice-btn.active { background: var(--bc-accent); color: #fff; border-color: var(--bc-accent); }
  .ws-suite-choice-btn.ws-suite-locked::after { content: " 🔒"; }
  .ws-suite-choice-btn.ws-suite-locked.active { background: var(--bc-text-muted); border-color: var(--bc-text-muted); }
  .ws-suite-lock-banner { background: #fff7ed; border: 1px solid #fdba74; color: #7c2d12; border-radius: 8px; padding: 0.6rem 0.8rem; font-size: 0.82rem; margin-top: 0.5rem; }
  .ws-suite-lock-banner a { color: #9a3412; font-weight: 600; }
  .ws-suite-lock-banner[hidden] { display: none; }
  .ws-cookbook-note { font-size: 0.8rem; margin: -0.4rem 0 0; }
  .ws-project-identity { display: flex; flex-direction: column; gap: 0.3rem; padding: 0.15rem 0 0.3rem; }
  .ws-project-identity-title { font-weight: 700; font-size: 0.85rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .ws-project-identity-meta { font-size: 0.72rem; color: var(--bc-text-muted); }
  .ws-start-project-btn { width: 100%; }
  @media (max-width: 1024px) {
    #ws-start-project-modal { padding: 0; }
    .ws-start-project-panel { width: 100%; max-width: none; height: 100%; max-height: none; border-radius: 0; }
    /* The full-screen modal already covers the mobile bar visually (higher
       z-index) -- hide the bar outright while open rather than leaving a
       redundant fixed-position bar occupying the same screen region behind
       the modal's own footer controls. */
    body.ws-start-project-open .ws-mobile-bar { display: none; }
  }