/* Set up Janus · page layout only: the guide beside the step. */
@layer page {
  .sw { display: grid; grid-template-columns: 400px minmax(0, 1fr); min-height: 100dvh; }
  .sw-guide { position: sticky; top: 0; display: flex; flex-direction: column; gap: var(--s8); height: 100dvh; padding: var(--s8); overflow-y: auto; background: var(--rail); border-right: 1px solid var(--line); }
  .sw-word { font-weight: 500; letter-spacing: .24em; }
  .sw-foot { margin-top: auto; }
  .sw-logo--night, [data-theme="night"] .sw-logo--paper { display: none; }
  [data-theme="night"] .sw-logo--night { display: block; }
  .sw-stage { padding: var(--s8) var(--s12) var(--s12); }
  @media (max-width: 1000px) {
    .sw { grid-template-columns: minmax(0, 1fr); }
    .sw-guide { position: static; height: auto; gap: var(--s4); padding: var(--s5) var(--s4); border-right: 0; border-bottom: 1px solid var(--line); }
    .sw-foot { display: none; }
    .sw-stage { padding: var(--s5) var(--s4) var(--s12); }
  }
}