/* Ergatha — generated from Borrowed Judgment.dc.html. */
* { box-sizing: border-box; }
  body { margin: 0; background: #ecebe4; }
  a { color: #123033; text-decoration: none; }
  a:hover { color: #1a5f68; }
  ::selection { background: #1a5f68; color: #ecebe4; }
  @keyframes lmFadeUp { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
  .lm-page { animation: lmFadeUp .5s ease both; }
  .lm-arrow { display: inline-flex; cursor: pointer; align-items: center; gap: 9px; }
  .lm-arrow span.tip { transition: transform .25s ease; }
  .lm-arrow:hover span.tip { transform: translateX(4px); }
  .lm-arrow.back span.tip { transition: transform .25s ease; }
  .lm-arrow.back:hover span.tip { transform: translateX(-4px); }

  @media (max-width: 760px) {
    .lm-root { zoom: 1 !important; min-height: 100vh !important; }
  }
  @media (max-width: 900px) {
    .lm-head { padding: 16px 22px 14px !important; gap: 14px !important; }
    .lm-head nav { gap: 18px !important; font-size: 10.5px !important; }
    .lm-head .lm-word { font-size: 25px !important; }
    .lm-wrap { padding: 64px 22px !important; grid-template-columns: minmax(0,1fr) !important; gap: 26px !important; }
    .lm-foot { padding: 68px 22px 36px !important; gap: 44px !important; }
    .lm-foot > div { grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 32px !important; }
    .lm-foot .lm-word { font-size: 32px !important; }
    .lm-ewrap, .lm-fwrap { padding-left: 22px !important; padding-right: 22px !important; }
  }