/* Ergatha — generated from Ergatha v3.dc.html. The design lives in the DC; regenerate rather than editing here. */
* { box-sizing: border-box; }
  body { margin: 0; background: linear-gradient(180deg, #ecebe4 0 50%, #123033 50% 100%); background-attachment: fixed; }
  a { color: #123033; text-decoration: none; }
  a:hover { color: #1a5f68; }
  ::selection { background: #1a5f68; color: #ecebe4; }
  @keyframes lmFadeUp { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
  .lm-page { animation: lmFadeUp .5s ease both; flex: 1 0 auto; background: #ecebe4; }
  .lm-nav { position: relative; cursor: pointer; }
  .lm-nav::after { content: ""; position: absolute; left: 0; bottom: -7px; height: 1.5px; width: 100%; background: currentColor; transform: scaleX(0); transform-origin: left; transition: transform .3s ease; }
  .lm-nav:hover::after { transform: scaleX(1); }
  .lm-word { cursor: pointer; transition: opacity .2s ease; }
  .lm-word:hover { opacity: .72; }
  .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(5px); }
  .lm-row { transition: background .2s ease, padding-left .2s ease; cursor: pointer; }
  .lm-row:hover { background: rgba(18,48,51,.045); padding-left: 16px; }
  .lm-card { transition: border-color .2s ease, transform .2s ease; cursor: pointer; }
  .lm-card:hover { border-color: rgba(18,48,51,.4); transform: translateY(-2px); }
  .lm-mail { transition: opacity .2s ease; }
  .lm-mail:hover { opacity: .78; }

  @media (max-width: 760px) {
    .lm-root { zoom: 1 !important; min-height: 100vh !important; }
    .lm-brk { display: none !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: 56px 22px 32px !important; gap: 36px !important; }
    .lm-foot > div { gap: 28px !important; }
    .lm-ewrap, .lm-fwrap { padding-left: 22px !important; padding-right: 22px !important; }
  }