.track-page main { max-width: 1120px; margin-inline: auto; padding: 108px 24px 0; }
.track-page section, .track-page article[id], .track-page details[id] { scroll-margin-top: 112px; }
.track-page .track-breadcrumb { display: flex; flex-wrap: wrap; gap: 12px; margin: 24px 0; color: #666; font-size: .875rem; }
.track-page .track-breadcrumb a { text-decoration: underline; text-underline-offset: 4px; }
.track-page .work-overview { padding: 40px; }
.track-page .work-overview h1 { font-size: clamp(1.75rem,4vw,2.75rem); line-height: 1.4; letter-spacing: -.04em; margin: 0; }
.track-page .work-benefit { margin-top: 20px; }
.track-page .preview-panel { min-width: 0; margin-block: 32px; }
.track-page .learning-guide, .track-page .guide-preview { margin-block: 40px; border: 1px solid #e5e5e5; }
.track-page .learning-guide { padding: 32px; border-radius: 16px; background: white; }
.track-page .guide-preview ol { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.track-page .track-preparation { padding: 32px 0; border-top: 1px solid #ddd; }
.track-page .track-contact { padding: 36px; background: var(--accent-soft); border-radius: 20px; margin: 0 0 48px; }
.track-page .track-contact h2, .track-page .track-preparation h2 { font-size: 1.5rem; line-height: 1.5; margin-bottom: 12px; }
.track-page .track-contact p, .track-page .track-preparation p { line-height: 1.8; color: #555; }
.track-page .track-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 24px; margin: 24px 0; }
.track-page .track-note { font-size: .875rem; }
.track-page .track-footer { max-width: 1120px; margin: auto; padding: 24px; display: flex; justify-content: space-between; border-top: 1px solid #ddd; font-size: .875rem; }
.track-page a:focus-visible, .track-page button:focus-visible { outline: 3px solid #FF7A00; outline-offset: 4px; }
@media (max-width: 600px) {
  .track-page main { padding: 84px 20px 0; }
  .track-page .work-overview, .track-page .learning-guide, .track-page .guide-preview, .track-page .track-contact { padding: 24px 20px; }
  .track-page .guide-preview ol { grid-template-columns: 1fr; gap: 0; }
  .track-page .track-actions { align-items: stretch; flex-direction: column; gap: 20px; }
  .track-page .track-contact .btn { display: flex; min-height: 48px; }
  .track-page .sample-table-wrap { max-width: 100%; overflow-x: auto; }
}