.academy-base-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.academy-base-tabs button { display:flex; align-items:center; gap:12px; min-width:0; min-height:78px; padding:16px; border:1px solid #dce5df; border-radius:14px; background:#f2f5f2; color:#365448; text-align:left; font-size:15px; font-weight:700; line-height:1.4; }
.academy-base-tabs button.active { background:#183f35; border-color:#183f35; color:#fff; }
.academy-base-tabs button:hover:not(.active) { background:#e7eee7; color:#183f35; }
.academy-base-tabs button:focus-visible { outline:3px solid #a97716; outline-offset:3px; }
.academy-base-nav-icon { display:grid; place-items:center; flex:0 0 38px; height:38px; border-radius:10px; background:#e2eade; }
.academy-base-nav-icon svg { display:block; width:24px; height:24px; }
.academy-base-tabs .active .academy-base-nav-icon { background:#ffffff14; color:#eed79c; }
.academy-base-nav-label { flex:1; min-width:0; }
.academy-base-nav-count { display:grid; place-items:center; flex:0 0 auto; min-width:28px; height:28px; padding:0 7px; border-radius:8px; background:#e2eade; color:#365448; font-size:13px; font-variant-numeric:tabular-nums; }
.academy-base-tabs .active .academy-base-nav-count { background:#ffffff14; color:#eed79c; }
.academy-base-hero { background:#173e34; }
.academy-base-hero h2 { font-size:clamp(28px,3.4vw,42px); line-height:1.12; }
.academy-base-hero p { line-height:1.6; color:#e4eee6; }
.academy-base-stats span { color:#e4eee6; line-height:1.4; }
.academy-base-head p { margin-bottom:0; color:#50655b; line-height:1.6; }
.published-material-library-head h3 { margin:0; }
@media(max-width:1100px) {
  .academy-base-tabs button { flex-wrap:wrap; gap:10px; padding:13px; font-size:14px; }
  .academy-base-nav-label { flex-basis:100%; order:3; }
  .academy-base-nav-count { margin-left:auto; }
}
@media(max-width:650px) {
  .academy-base-tabs { grid-template-columns:1fr; gap:8px; }
  .academy-base-tabs button { flex-wrap:nowrap; min-height:70px; padding:13px 14px; font-size:15px; }
  .academy-base-nav-label { flex:1; order:0; }
  .academy-base-nav-icon { flex-basis:34px; height:34px; }
  .academy-base-nav-icon svg { width:22px; height:22px; }
  .academy-base-nav-count { margin-left:0; }
  .academy-base-stats article { min-height:98px; padding:12px; }
}