/* Preserve the established website palette across every page. */
:root{
  --ink:#121713;--muted:#69716c;--pine:#0b150e;--pine-2:#16291d;
  --leaf:#31ad4d;--leaf-bright:#53cb6e;--mint:#dbeadd;--paper:#f7faf7;
  --white:#fff;--line:#dfe6e0;--shadow:0 18px 50px rgba(24,52,38,.08);
}
html,body,.app-shell,.content{background:var(--paper);color:var(--ink)}
.sidebar,.listening-shell .sidebar{color:#eef5f0;background:radial-gradient(circle at 20% 5%,rgba(64,184,91,.12),transparent 25%),var(--pine)}
.sidebar .brand{color:#f2f7f3}
.sidebar .nav-item{color:#9cad9f}
.sidebar .nav-item:hover{color:#fff;background:rgba(255,255,255,.04)}
.sidebar .nav-item.is-active{color:#fff;background:#18231b;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}
.sidebar .nav-item.is-active::after{background:var(--leaf-bright)}
.sidebar .nav-icon{color:#c7d3ca;background:rgba(255,255,255,.06)}
.sidebar-note{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.09)}
.sidebar-note small{color:#879a8e}
.mobile-header{background:rgba(11,21,14,.97);color:#f2f7f3}
.page-heading h1,.course-card h3,.private-card h2,.skill-card h2,.assessment-copy h2,.home-hero h1{color:var(--ink)}
.page-heading p,.resource-keywords,.course-description,.course-access-copy p{color:var(--muted)}
.home-hero h1 em{color:var(--leaf)}
.course-card,.private-card,.resource-card,.skill-card,.course-access-panel,.assessment-card{background:#fff;border-color:#d7e3da}
.course-price span,.course-price strong,.private-price strong{color:#173c25}
.course-card .btn{background:#fff;border-color:#cad6cc;color:#173c25}
.course-card .btn-solid,.primary-link,.course-access-form button,.private-card-actions button:first-child,.private-package>button,.skill-copy-button{background:#173c25;border-color:#173c25;color:#fff}
.course-card .btn-solid:hover,.primary-link:hover,.course-access-form button:hover,.private-card-actions button:first-child:hover,.skill-copy-button:hover{background:#245b35;border-color:#245b35}
.course-category-card.is-active{color:#173c25;background:#f1f6f2;border-color:#8db89a}
.course-category-card.is-active span{color:#697d6e}
.listening-shell .main{background:linear-gradient(115deg,#fbfdfb 0%,#f4f8f5 100%)}
.follow-loop.is-active{background:#e7f7ec;border-color:#a7d8b7;color:#168343}
@media(max-width:920px){.sidebar:not(.is-open){box-shadow:none}}
@media(max-width:560px){
  .course-access-form>div{flex-direction:column}
  .course-access-form button{width:100%}
  .course-access-form input{flex:auto;width:100%;min-height:48px}
  .course-category-card{min-height:78px}
  .resource-grid,.skill-grid{grid-template-columns:1fr}
  .course-account-bar{flex-wrap:wrap;gap:12px}
  .course-access-footer{flex-wrap:wrap}
  .private-card-actions button{min-height:44px}
  .follow-toolbar{gap:12px}
  .follow-toolbar .button,.follow-toolbar select{min-height:44px}
  .follow-toolbar .notice{flex-basis:100%}
}