/* ============ MY RHYTHM — SOPHISTICATED POLISH PASS ============ */

/* --- Touch targets: min 44px on all interactive controls (mobile a11y) --- */
@media (max-width:860px){
  #vjSection .vj-fbtn,
  #vjSection .vj-cbtn,
  #vjSection .vj-act,
  #page-rhythm .rhy-pill-plain,
  #page-rhythm .rhy-pill-add,
  #page-rhythm .ws-text-btn,
  #page-rhythm .mr-sync-connect-btn,
  #page-rhythm .ss-share-btn,
  #vjSection .vj-ai-cta,
  #page-rhythm .hu-hero-back,
  #page-rhythm .rhy-header > button{
    min-height:44px !important;
    display:inline-flex !important;
    align-items:center !important;
  }
  #vjSection .vj-fbtn,
  #vjSection .vj-cbtn{ padding-top:11px !important; padding-bottom:11px !important; }
}

/* --- Button consistency: unified focus-visible ring for accessibility --- */
#page-rhythm button:focus-visible,
#page-rhythm a:focus-visible,
#page-rhythm [role="button"]:focus-visible{
  outline:3px solid #CF9E3F !important;
  outline-offset:2px !important;
  border-radius:12px;
}
/* consistent smooth transitions */
#vjSection .vj-fbtn,
#vjSection .vj-cbtn,
#vjSection .vj-act,
#page-rhythm .rhy-pill-plain,
#page-rhythm .rhy-entry-tile{ transition:all .18s ease !important; }

/* --- Typography hierarchy: calmer, more editorial scale --- */
#page-rhythm h2{ letter-spacing:-0.01em; }
#vjSection .vj-section h2,
#page-rhythm .rhy-card-label{ letter-spacing:0.02em; }
/* eyebrow labels a touch softer */
#page-rhythm .rhy-card-label{ color:#7d9e77 !important; -webkit-text-fill-color:#7d9e77 !important; font-weight:800; }

/* --- Card spacing & rhythm: consistent breathing room --- */
#page-rhythm .rhy-journal-card{ margin-top:24px !important; margin-bottom:36px !important; }
#page-rhythm .rhy-snapshot-section{ margin-top:8px !important; padding-top:28px !important; }
#page-rhythm .rhy-entry-tiles{ margin-bottom:26px !important; }

/* --- Visual alignment: keep the sticky feel calm, not jumpy --- */
#vjSection .vj-section{ scroll-margin-top:80px; }
#page-rhythm .rhy-snapshot-section{ scroll-margin-top:80px; }

/* --- Warm hover on entry tiles (already has lift) — add subtle ring --- */
#page-rhythm .rhy-entry-tile:focus-visible{ outline:3px solid #CF9E3F !important; outline-offset:3px; }

/* --- Mobile: comfortable tap spacing between filter chips --- */
@media (max-width:560px){
  #vjSection .vj-filters{ gap:8px !important; }
  #page-rhythm .rhy-journal-card{ margin-top:16px !important; margin-bottom:24px !important; }
}