/* ---- Tabs across the top of "My work" and Schedule pages (light, high contrast) ---- */
.work-tabs { display: flex; gap: .4rem; margin: 0 0 1rem; overflow-x: auto; padding-bottom: .2rem; }
.work-tab {
  flex: 1 1 auto; display: flex; align-items: center; justify-content: center; min-height: 48px; padding: .6rem 1rem;
  background: #fff; color: var(--navy); border: 1.5px solid #bfc7d3; border-radius: 10px;
  font-weight: 700; text-decoration: none; white-space: nowrap;
}
.work-tab:hover { border-color: var(--navy-600); }
.work-tab[aria-current="page"] { background: var(--gold); color: var(--navy-950); border-color: var(--gold-600); box-shadow: inset 0 -3px 0 var(--navy); }

/* ---- Tutorial and the first-visit pop-up (light, high contrast) ---- */
.tut-overlay { position: fixed; inset: 0; z-index: 10000; display: flex; align-items: center; justify-content: center; padding: 1rem; background: rgba(28, 35, 48, .55); overflow-y: auto; }
.tut-pop { width: 100%; max-width: 440px; background: #fff; color: var(--navy-950); border: 3px solid var(--gold); border-radius: 16px; padding: 1.4rem 1.25rem; box-shadow: 0 10px 30px rgba(0, 0, 0, .25); }
.tut-pop h2 { margin: 0 0 .5rem; color: var(--navy); }
.tut-pop p { margin: 0 0 1rem; line-height: 1.5; font-size: 1.05rem; }
.tut-pop-actions { display: flex; flex-direction: column; gap: .6rem; margin: 0; }
.tut-pop-actions .btn { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 48px; }

.tut-progress-wrap { margin: 0 0 1rem; }
.tut-progress-label { margin: 0 0 .35rem; font-weight: 700; color: var(--navy); }
.tut-progress { width: 100%; height: 14px; accent-color: var(--gold-600); }
.tut-card h2 { margin: 0 0 .6rem; color: var(--navy); }
.tut-eyebrow { display: inline-block; margin: 0 0 .6rem; padding: .15rem .7rem; background: var(--gold-100); color: #4a3d0a; border: 1px solid var(--gold); border-radius: 999px; font-size: .8rem; font-weight: 700; }
.tut-text { margin: 0 0 1rem; font-size: 1.05rem; line-height: 1.6; }
.tut-result { margin: 0 0 1rem; padding: .75rem 1rem; background: var(--gold-100); border-left: 5px solid var(--gold); border-radius: 10px; color: #4a3d0a; }
.tut-nav { display: flex; gap: .6rem; margin-bottom: 1rem; }
.tut-nav .btn { display: flex; align-items: center; justify-content: center; flex: 1 1 0; min-height: 48px; }
.tut-list { margin: 0; padding-left: 1.4rem; line-height: 1.9; }
.tut-list a { color: var(--navy); font-weight: 600; }