.button-group { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.lang-btn { text-decoration: none; color: white; padding: 25px 20px; font-size: 1.25rem; font-weight: 600; border-radius: 16px; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); display: flex; justify-content: center; align-items: center; gap: 12px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); }
.btn-listening { background: linear-gradient(135deg, #0EA5E9 0%, #14B8A6 100%); }
.btn-reading { background: linear-gradient(135deg, #F97316 0%, #EA580C 100%); }
.btn-writing { background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%); }
.btn-speaking { background: linear-gradient(135deg, #4776E6 0%, #8E54E9 100%); }
.btn-grammar { background: linear-gradient(135deg, #8A4DFF 0%, #6600FF 100%); }
.btn-vocabulary { background: linear-gradient(135deg, #3B82F6 0%, #1D4ED8 100%); }
.lang-btn:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2); }
.lang-btn:active { transform: translateY(2px); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); }
.nb-nav-btn { color: #4776E6; border: 2px solid #4776E6; background: transparent; }
.nb-nav-btn:hover { background: #4776E6; color: #ffffff; }
.nb-nav-group { display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
.school-container.admin-wide { max-width: 820px; }
@media (min-width: 861px) { .school-container.admin-wide .lang-btn { aspect-ratio: 265 / 80; box-sizing: border-box; padding: 0 20px; font-size: 1.65rem; gap: 16px; } }
.auth-nav { flex-wrap: wrap; }
.auth-nav .nb-nav-btn { white-space: nowrap; }
.vocab-journey-link a, .vocab-journey-link a:link, .vocab-journey-link a:visited, .vocab-journey-link a:hover, .vocab-journey-link a:active, .vocab-journey-link a:focus { color: #2563eb; text-decoration: none; font-weight: 600; }
.vocab-journey-link a:hover, .vocab-journey-link a:focus { text-decoration: underline; }
@media (max-width: 860px) { .school-container.admin-wide { max-width: 650px; } }
.nb-journey.btn, .nb-journey.btn:link, .nb-journey.btn:visited, .nb-journey.btn:hover, .nb-journey.btn:active, .nb-journey.btn:focus { background: #2563eb; color: #ffffff; }