/* A quiet daily entry and shared mobile lesson chrome. */
.today-shell { width: min(100%, 640px); margin: 16px auto; display: grid; gap: 16px; }
.today-card { padding: clamp(20px, 4vw, 32px); border: 1px solid var(--border, #d7e6da); border-radius: 24px; background: var(--surface, #fff); color: var(--ink, #173b32); }
.today-greeting { display: flex; align-items: center; gap: 12px; margin-bottom: 24px; }
.today-greeting p { margin: 0; font-weight: 800; overflow-wrap: anywhere; }
.today-avatar { display: grid; place-items: center; flex: 0 0 48px; width: 48px; height: 48px; border-radius: 50%; overflow: hidden; font-size: 30px; }
.today-avatar img { width: 100%; height: 100%; object-fit: contain; }
.today-eyebrow { color: var(--muted, #52695f); margin: 0 0 6px; }
.today-main h1 { margin: 0 0 24px; font-size: clamp(1.7rem, 6vw, 2.3rem); line-height: 1.2; text-shadow: none; color: inherit; }
.today-main > .button, .hamyon-next-action > .button { display: flex; width: 100%; min-height: 56px; align-items: center; justify-content: center; gap: 12px; margin-top: 16px; text-align: center; }
.today-progress { display: grid; gap: 8px; margin-top: 28px; }
.today-progress progress { width: 100%; height: 10px; accent-color: #168b4d; }
.today-progress small, .today-next { color: var(--muted, #52695f); line-height: 1.5; }
.today-next { margin: 20px 0 0; }
.today-discovery summary, .study-more > summary, .study-settings > summary { min-height: 48px; padding: 12px 0; cursor: pointer; font-weight: 800; }
.today-links { display: flex; flex-wrap: wrap; gap: 8px; padding: 12px 0; }
.today-links a { display: inline-flex; min-height: 48px; align-items: center; padding: 8px 16px; border-radius: 12px; background: var(--surface-sunken, #edf6ef); color: var(--ink, #173b32); }
.hamyon-next-action { margin-bottom: 16px; }
.hamyon-next-action h2 { margin: 0; color: inherit; text-shadow: none; }
.focus-toolbar { display: none; }
.study-more { margin-top: 16px; }
.study-settings { margin-top: 12px; }
@media (max-width: 859px) {
  body.learning-focus { --app-bottom-height: 0px; padding-bottom: 0; }
  .learning-focus .site-header, .learning-focus .mobile-tabbar { display: none !important; }
  .learning-focus .focus-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: calc(8px + env(safe-area-inset-top)) 16px 8px; background: var(--surface, #fff); color: var(--ink, #173b32); }
  .focus-exit { display: inline-flex; min-height: 48px; align-items: center; gap: 8px; color: inherit; text-decoration: none; }
  .focus-toolbar > span { font-size: .85rem; color: var(--muted, #52695f); }
  .learning-focus .page-shell { padding: 12px 12px calc(84px + env(safe-area-inset-bottom)); min-height: 0; }
  .learning-focus .word-study-hero { display: none; }
  .learning-focus .study-layout { display: flex; flex-direction: column; gap: 12px; padding: 0; border: 0; background: transparent; box-shadow: none; }
  .learning-focus .study-layout > .study-card { width: 100%; margin: 0; }
  .learning-focus .study-media { width: min(100%, 220px); margin-inline: auto; height: auto; aspect-ratio: 1; }
  .learning-focus .study-media img { width: 100%; height: 100%; object-fit: contain; }
  .learning-focus .study-audio-launcher { flex-wrap: wrap; }
  .learning-focus .study-card .button, .learning-focus .speaker-button { min-height: 48px; }
  .learning-focus .speaker-button { min-width: 48px; }
  .learning-focus .study-understood-form .button { min-height: 56px; }
  .learning-focus .game-toast { bottom: calc(76px + env(safe-area-inset-bottom)); max-width: calc(100vw - 24px); min-width: 0; }
  .learning-focus .success-screen { padding-bottom: calc(24px + env(safe-area-inset-bottom)); }
  .learning-focus .global-support-fab { bottom: calc(12px + env(safe-area-inset-bottom)); }
  .today-page .page-shell { padding-inline: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .learning-focus *, .today-page * { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

.focus-word-step { margin: 0 0 8px; color: var(--muted); font-size: .9rem; text-align: center; }
.study-settings select { min-height: 48px; }

.learning-focus .study-layout { display: block; max-width: 900px; margin-inline: auto; }
.learning-focus .study-understood-form { grid-column: 1 / -1; }
@media (max-width: 859px) {
  .learning-focus .focus-toolbar { padding-right: 76px; }
  .learning-focus .focus-toolbar > span { display: none; }
  .learning-focus #learning-guide-root .help-hub { top: calc(8px + env(safe-area-inset-top)); bottom: auto; right: 12px; }
  .learning-focus #learning-guide-root .help-hub-panel { top: calc(100% + 8px); bottom: auto; }
  .learning-focus #learning-guide-root .help-hub .global-support-fab-icon { width: 48px; height: 48px; border: 0; box-shadow: none; }
  .learning-focus .study-understood-form { bottom: calc(8px + env(safe-area-inset-bottom)); }
  .learning-focus .study-floating-audio { bottom: calc(88px + env(safe-area-inset-bottom)); }
  .today-page .site-header > .learning-language-switcher, .today-page .site-header > .app-fullscreen-toggle { display: none; }
}

.learning-focus .study-audio-launcher { grid-template-columns: 1fr; margin: 8px 0; }