.manual { padding-block: 50px 90px; }
.manual-intro h1 { font-size: clamp(36px, 6vw, 66px); }
.manual-intro label { display: block; margin-top: 24px; font-weight: 700; }
.manual-intro input { width: min(100%, 560px); margin-top: 7px; border: 1px solid #aabfb2; border-radius: 9px; padding: 12px; font: inherit; }
#manual-status { min-height: 1.7em; margin-top: 5px; }
.manual-layout { display: grid; grid-template-columns: 210px minmax(0, 790px); gap: clamp(24px, 5vw, 75px); margin-top: 20px; }
.manual-nav { position: sticky; top: 20px; align-self: start; max-height: calc(100vh - 40px); overflow: auto; }
.manual-nav h2 { margin-bottom: 8px; font-size: 19px; }
.manual-nav a { display: block; padding: 5px 8px; border-left: 1px solid #cbdacf; }
.manual a:hover { text-decoration: underline; }
.manual-chapter { padding-top: 14px; border-top: 1px solid #aabfb2; margin-bottom: 28px; }
.manual-chapter h2 { font-size: 31px; }
.manual-chapter article { padding: 18px; margin-top: 16px; border: 1px solid #cbdacf; border-radius: 12px; background: #fff; }
.manual-chapter article h3 { font-size: 20px; margin-bottom: 8px; }
.manual-chapter ol { padding-left: 1.4em; }
.manual-chapter li + li { margin-top: 8px; }
.manual-note { background: #eef3e8; padding: 10px 12px; border-radius: 7px; }
@media (max-width: 760px) {
  .manual-layout { grid-template-columns: 1fr; }
  .manual-nav { position: static; max-height: none; display: grid; grid-template-columns: 1fr 1fr; }
  .manual-nav h2 { grid-column: 1 / -1; }
}