/* Page-specific typography and responsive layout for the student letter. */
.prospective-students #main {
  width: 100%;
  max-width: 1300px;
}

.prospective-students #header {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  padding: 10px 0 0 350px;
}

.prospective-students #menubar {
  width: auto;
  height: auto;
  overflow: hidden;
}

.prospective-students #site_content {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 330px minmax(0, 1fr);
  gap: 0;
  width: 100%;
  padding: 20px 24px 48px 20px;
  overflow: visible;
}

.prospective-students .sidebar {
  position: static;
  float: none;
  width: auto;
}

#student-letter {
  font-family: Arial, "Microsoft YaHei", "PingFang SC", sans-serif;
  min-width: 0;
  color: #333;
  font-size: 16px;
  line-height: 1.9;
  overflow-wrap: break-word;
}

#student-letter h1, #student-letter h2 { font-family: inherit; font-weight: 700; }
#student-letter h1 { font-size: 28px; line-height: 1.5; padding-top: 0; margin-bottom: 22px; }
#student-letter h2 { font-size: 22px; margin: 28px 0 16px; padding: 0 0 10px; border-bottom: 1px solid #e6e6e6; scroll-margin-top: 24px; }
#student-letter p { line-height: inherit; padding-bottom: 16px; }
#student-letter ul { padding-left: 1.4em; margin: 0 0 20px; }
#student-letter li { padding-left: 4px; margin-bottom: 16px; }
#student-letter li::marker { color: #7b241c; }
#student-letter strong { font-weight: 700; }
#student-letter .back-link { font-size: 13px; padding-bottom: 12px; }

.language-switch {
  display: flex;
  justify-content: flex-end;
  gap: 6px;
  margin-bottom: 12px;
  font-size: 14px;
}

.language-switch a {
  padding: 4px 14px;
  border: 1px solid #ddd;
  border-radius: 6px;
  text-decoration: none;
}

.language-switch a[aria-current="page"] {
  background: #7b241c;
  border-color: #7b241c;
  color: #fff;
  font-weight: 700;
}

.language-switch a:hover { border-color: #7b241c; }

.letter-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
  padding: 14px 0;
  margin: 4px 0 24px;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  font-size: 14px;
}

#student-letter .letter-highlight {
  background: #f5f7fa;
  border-left: 5px solid #b03a2e;
  border-radius: 8px;
  padding: 16px 20px;
  margin: 20px 0;
}

#student-letter .letter-highlight p:last-child { padding-bottom: 0; }
.prospective-students a:focus-visible { outline: 2px solid #7b241c; outline-offset: 4px; }

@media (max-width: 1000px) {
  .prospective-students #header { padding-left: 20px; }
  .prospective-students #site_content { grid-template-columns: 250px minmax(0, 1fr); gap: 24px; }
  .prospective-students .cv { padding-left: 25px; }
}

@media (max-width: 700px) {
  .prospective-students #header { padding: 8px 12px 0; }
  .prospective-students #menu { display: flex; flex-wrap: wrap; float: none; }
  .prospective-students #menu li a { padding: 12px 10px; font-size: 13px; height: auto; }
  .prospective-students #site_content { grid-template-columns: minmax(0, 1fr); padding: 20px 20px 36px; }
  .prospective-students .sidebar { padding: 0 0 16px; border-bottom: 1px solid #e6e6e6; }
  .prospective-students .cv { padding-left: 0; }
  #student-letter h1 { font-size: 24px; }
  #student-letter h2 { font-size: 20px; }
}