/* The menu in the folio (the MenuGlobe and MenuToday boards, group six, 2026-10-03). The drawer's frame and its slide are
   08-chassis.css's; this is what stands in it. */
.sidebar.folio { color: var(--fo-ink); font-family: var(--fo-sans); border-right: 1px solid rgba(26,22,20,0.9); }
.sidebar.folio .mn-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; padding: calc(env(safe-area-inset-top, 0px) + 52px) var(--fo-gutter) 18px; border-bottom: 1px dashed var(--fo-hair-firm); }
.sidebar.folio .mn-head__name { display: flex; flex-direction: column; gap: 8px; }
.sidebar.folio .mn-head__mark { font-family: var(--fo-serif); font-size: 24px; letter-spacing: -0.03em; line-height: 1; }
.sidebar.folio .mn-head__mark i { color: var(--fo-graphite); }
.sidebar.folio .mn-head__line { font-family: var(--fo-mono); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--fo-graphite); }
.sidebar.folio .mn-head__close { min-height: 44px; margin-top: -12px; padding: 0; border: none; background: none; font: inherit; font-size: 14px; color: var(--fo-ink); cursor: pointer; }
.sidebar.folio .mn-nav { display: flex; flex-direction: column; }
.sidebar.folio .mn-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 52px; padding: 0 var(--fo-gutter); box-sizing: border-box; border: none; border-bottom: 1px dashed var(--fo-hair-firm); background: none; font: inherit; color: var(--fo-ink); text-align: left; cursor: pointer; }
.sidebar.folio .mn-row__word { display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 500; letter-spacing: -0.01em; }
/* Home, the globe, while a journey is on: the first door, ruled off in ink. Help starts the second group. */
.sidebar.folio .mn-row.is-home { border-bottom: 1px solid var(--fo-ink); }
.sidebar.folio .mn-row.is-apart { border-top: 1px solid var(--fo-ink); margin-top: -1px; }
.sidebar.folio .mn-row__state { display: inline-flex; align-items: center; gap: 6px; font-family: var(--fo-mono); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--fo-graphite); }
.sidebar.folio .mn-row__state.is-red { color: var(--fo-red); }
.sidebar.folio .mn-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--fo-red); }
.sidebar.folio .mn-fill { flex-grow: 1; }
.sidebar.folio .mn-out { display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 56px; padding: 4px var(--fo-gutter) calc(env(safe-area-inset-bottom, 0px) + 24px); border: none; border-top: 1px solid var(--fo-ink); background: none; font: inherit; color: var(--fo-ink); text-align: left; cursor: pointer; }
.sidebar.folio .mn-out > span:first-child { font-size: 14px; font-weight: 500; }
.sidebar.folio .mn-out__who { max-width: 160px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-family: var(--fo-mono); font-size: 10px; letter-spacing: 0.12em; color: var(--fo-graphite); }