.word-hero { background: linear-gradient(135deg, #264b5d 0%, #1a3a4a 100%); color: white; border-radius: 0.75rem; padding: 2rem 1.5rem; margin-bottom: 1.5rem; text-align: center; }
.word-hero .blackfoot-word { font-family: 'DoulosSIL', serif; font-size: 2.5rem; font-weight: 600; letter-spacing: 0.02em; margin-bottom: 0.5rem; overflow-wrap: anywhere; outline: none; }
.word-hero .english-meaning { font-size: 1.25rem; opacity: 0.9; margin-bottom: 0; }
.word-hero .literal-meaning { font-size: 0.95rem; opacity: 0.75; margin-top: 0.25rem; }
.word-hero .literal-meaning.italic { font-style: italic; }
.meta-badge { display: inline-block; background: rgba(255,255,255,0.15); border-radius: 1rem; padding: 0.2rem 0.75rem; font-size: 0.8rem; margin: 0.5rem 0.25rem 0; }
.morpheme-badge { font-size: 1rem; padding: 0.4rem 0.8rem; margin: 0.2rem; border-radius: 0.4rem; cursor: pointer; }
.back-link { color: #264b5d; text-decoration: none; font-size: 0.9rem; }
.back-link:hover { text-decoration: underline; }
.section-label { font-size: 0.75rem; letter-spacing: 0.08em; }
#word-graph { width: 100%; height: 540px; }
@media (max-width: 576px) { #word-graph { height: 460px; } }
#walk-top, #walk-bottom { transition: opacity 0.18s ease; }
#walk-top.walking, #walk-bottom.walking { opacity: 0.45; }
@media (prefers-reduced-motion: reduce) { #walk-top, #walk-bottom { transition: none; } }