.markup.jupyter {
  font-family: "Segoe UI", sans-serif;

  .cell {
    margin: 8px 0;
  }

  .input {
    display: flex;

    .prompt {
      width: 45px;
      min-width: 45px;

      text-align: right;
      padding-right: 8px;
      padding-top: 8px;

      color: #303f9f;
      font-family: monospace;
      font-size: 13px;

      user-select: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
  
      white-space: nowrap;  /* In [1]: 줄바꿈 방지 */
    }

    /* 코드 영역 */
    .inner_cell {
        flex:1;
        min-width:0;
    }

    .input_area {
      flex: 1;
      min-width: 0;

      border: 1px solid #c8c8c8;
      border-radius: 3px;

      background: #f7f7f7;

      overflow: hidden;

      .highlight {
        width: 100%;

        pre {
          width: 100%;
          box-sizing: border-box;

          margin: 0;
          padding: 10px;

          background: #f7f7f7;

          font-family:
            Consolas,
            "Courier New",
            monospace;

          font-size: 13px;
          line-height: 1.45;

          white-space: pre;
          overflow-x: auto;
        }

        span {
          white-space: pre;
        }

        .k {
          color: #008000;
          font-weight: bold;
        }

        .kt {
          color: #0000ff;
        }

        .s {
          color: #BA2121;
        }

        .nn {
          color: #303f9f;
        }

        .cp {
          color: #008000;
        }

        .c {
          color: #408080;
          font-style: italic;
        }
      }
    }
  }

  .output_wrapper {
    margin-left: 45px;

    .output {
      border-left: 1px solid #ddd;
      padding: 8px;
      background: #fff;

      .output_markdown {
        font-family: "Segoe UI", sans-serif;
      }
    }
  }

  /* Gitea 기본 markdown 제거 */
  pre {
    background: transparent;
    border: 0;
    margin: 0;
  }

  code {
    background: transparent;
    padding: 0;
  }
}