/* =========================
   좌측 Navigation Tree
   ========================= */

/* 하위 메뉴 영역 */
.md-nav--primary .md-nav .md-nav__list {
  margin-left: 0.4rem;
  padding-left: 0.9rem;
}

/* 각 하위 항목 */
.md-nav--primary .md-nav .md-nav__item {
  position: relative;
}

/* 세로선 │ */
.md-nav--primary .md-nav .md-nav__item::before {
  content: "";
  position: absolute;

  left: -0.65rem;
  top: 0;
  bottom: 0;

  border-left: 1px solid var(--md-default-fg-color--lightest);
}

/* 가로선 ├─ */
.md-nav--primary .md-nav .md-nav__item::after {
  content: "";
  position: absolute;

  left: -0.65rem;
  top: 1rem;

  width: 0.55rem;

  border-top: 1px solid var(--md-default-fg-color--lightest);
}

/* 마지막 항목은 └─ 형태 */
.md-nav--primary .md-nav .md-nav__item:last-child::before {
  bottom: calc(100% - 1rem);
}

/* 링크 위치 */
.md-nav--primary .md-nav .md-nav__link {
  position: relative;
}

/* =========================
   페이지 하단 업데이트 날짜
   ========================= */

.md-content__inner > .md-source-file {
  margin-top: 2rem;
  padding-top: 0.8rem;
  border-top: 1px solid var(--md-default-fg-color--lightest);
}

/* =========================
   문서 수정 제안
   ========================= */

.feedback-tool {
  display: grid;
  gap: 0.9rem;
  margin: 1.2rem 0 2rem;
  padding: 1rem;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.4rem;
}

.feedback-field {
  display: grid;
  gap: 0.35rem;
}

.feedback-field label {
  font-weight: 700;
}

.feedback-field input,
.feedback-field select,
.feedback-field textarea {
  width: 100%;
  padding: 0.55rem 0.65rem;
  color: var(--md-default-fg-color);
  background: var(--md-default-bg-color);
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.25rem;
  font: inherit;
}

.feedback-field textarea {
  resize: vertical;
}

.feedback-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.55rem;
}

.feedback-actions button {
  padding: 0.5rem 0.75rem;
  color: var(--md-primary-bg-color);
  background: var(--md-primary-fg-color);
  border: 0;
  border-radius: 0.25rem;
  cursor: pointer;
  font: inherit;
  font-weight: 700;
}

.feedback-actions button:hover,
.feedback-actions button:focus {
  background: var(--md-accent-fg-color);
}

#feedback-status {
  color: var(--md-default-fg-color--light);
}

#feedback-preview {
  min-height: 11rem;
  margin: 0;
  padding: 0.8rem;
  overflow: auto;
  white-space: pre-wrap;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.25rem;
  background: var(--md-code-bg-color);
}