/* Reading Progress Bar */
.sc-reading-progress { position: fixed; top: 0; left: 0; width: 100%; height: 3px; z-index: 9999; background: transparent; pointer-events: none; }
.sc-reading-progress__fill { height: 100%; width: 0; background: linear-gradient(90deg, #d4a843 0%, #f59e0b 100%); transition: width 0.1s linear; }

/* Scroll Animations */
.sc-scroll-hidden { opacity: 0; transform: translateY(30px); }
.sc-scroll-visible { opacity: 1; transform: translateY(0); transition: opacity 0.6s ease-out, transform 0.6s ease-out; }

/* Table of Contents */
.sc-toc { background: #1a2744; border: 1px solid #2a3a5c; border-radius: 12px; padding: 1.25rem 1.5rem; margin-bottom: 2rem; }
.sc-toc__title { color: #d4a843; font-weight: 700; font-size: 1rem; margin-bottom: 0.75rem; }
.sc-toc__list { list-style: none; padding: 0; margin: 0; }
.sc-toc__item { margin-bottom: 0.35rem; }
.sc-toc__item a { color: #94a3b8; text-decoration: none; font-size: 0.9rem; transition: color 0.2s; }
.sc-toc__item a:hover { color: #d4a843; }
.sc-toc__item--h3 { padding-left: 1.25rem; }
.sc-toc__item--h3 a { font-size: 0.85rem; }

/* METAR responsive */
@media (max-width: 640px) {
  .sc-metar-decoded { grid-template-columns: 1fr; }
  .sc-metar-header { flex-direction: column; gap: 0.5rem; align-items: flex-start; }
}