/* Mobile layout — shared by index (live.css) and standalone theme pages */

@media screen and (max-width: 640px) {
  .terminal,
  html.theme-live .terminal,
  html.theme-live[data-theme="crt"] .terminal,
  html.theme-live[data-theme="paper"] .terminal {
    margin: 10px 0;
    max-width: 100%;
    border-radius: 0;
    border-left: none;
    border-right: none;
    box-shadow: none;
  }

  .screen {
    padding: 14px 14px 18px;
  }

  .cmd-line {
    margin-left: -14px;
    margin-right: -14px;
    padding-left: 14px;
    padding-right: 14px;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .titlebar {
    padding: 6px 10px;
    gap: 6px;
  }

  .titlebar .title {
    font-size: 7.5px;
    letter-spacing: 0.02em;
  }

  .titlebar .badge {
    display: none;
  }

  .name {
    font-size: 32px;
    line-height: 1.05;
  }

  .role {
    font-size: 10.5px;
    line-height: 1.45;
  }

  .contact {
    font-size: 8.8px;
    line-height: 1.55;
  }

  .job-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
  }

  .job-meta {
    white-space: normal;
  }

  .edu-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }

  .edu-row .meta {
    white-space: normal;
  }

  .skill-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 1px;
  }

  .skill-key {
    flex: none;
  }
}

@media screen and (max-width: 400px) {
  html,
  body {
    font-size: 9.6px;
  }

  .screen {
    padding: 12px 12px 16px;
  }

  .cmd-line {
    margin-left: -12px;
    margin-right: -12px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .name {
    font-size: 26px;
  }

  .role {
    font-size: 9.8px;
  }
}