html { scroll-behavior: smooth; }
body { font-family: 'Roboto', Arial, sans-serif; font-size: 1rem; background: #f5f5f5; color: #333; }
.page-wrap { max-width: 1360px; margin: 2.5rem auto; padding: 0 1rem 2rem; }
.section-card { background: #fff; padding: 2rem !important; margin-top: 1.5rem; box-shadow: 0 .5rem 1rem rgba(0,0,0,.12); border-radius: .25rem; }
.page-title { font-size: 1.65rem; font-weight: 700; }
.doc-links a { margin: 0 8px; }
.section-card h2 { font-size: 1.45rem; text-align: center; margin-bottom: 1rem; }
.box-title { font-size: 1.25rem; font-weight: 600; margin-bottom: 1rem; }
table.table td, table.table th { vertical-align: middle; }
.acoustic-editing-module { margin-top: 1.25rem; border-top: 1px solid #eee; padding-top: 1.25rem; }
.acoustic-editing-module:first-of-type { border-top: none; padding-top: 0; margin-top: 0; }
.arch-img { max-width: 100%; height: auto; display: block; margin: 0 auto; }
.arch-figure { margin: 1.5rem auto 0; width: 100%; }
.arch-figure figcaption { margin-top: .65rem; font-size: .88rem; color: #475569; line-height: 1.65; width: 98%; margin-left: auto; margin-right: auto; text-align: left; }
.demo-video { max-width: 100%; width: 100%; display: block; margin: 1.5rem auto 0; border-radius: .25rem; background: #000; }
.instruction-cell { max-width: 340px; font-size: .88rem; white-space: pre-wrap; }