:root{
 --ch3-text:#355f58;--ch3-accent:#17665f;--ch3-border:#dce9e5;
 --ch3-soft:#f0f8f6;--ch3-muted:#728d87;
}
body{line-height:1.5}
.wrap{padding-top:12px!important;padding-bottom:12px!important}
.card{border-radius:18px!important;border-color:var(--ch3-border)!important;box-shadow:0 5px 16px rgba(53,95,88,.045)!important}
h1{font-size:clamp(22px,3vw,30px)!important;line-height:1.25!important;margin-top:5px!important;margin-bottom:5px!important}
.eyebrow{font-size:11px!important;letter-spacing:.12em!important}
.sub,.note,.rotate-hint{color:var(--ch3-muted)!important}
button,.nav a,.chapter-pager a,.chapter-pager span{
 min-height:34px;border-radius:999px!important;font-weight:900!important
}
button{font-size:11px}
.challenge-answer,.answer-row input{min-height:34px;border-radius:10px!important}
.q,.row{border-color:#dcebe7!important}
.flow-guide,.visual-step,.stack-status,.step-status{color:#648a83!important}
.chapter-pager{gap:7px!important;margin-top:12px!important;margin-bottom:5px!important}
.chapter-pager a,.chapter-pager span{padding:7px 12px!important;font-size:10px!important}
footer{margin-top:10px!important;margin-bottom:8px!important}
@media(max-width:700px){
 .wrap{padding:8px!important}
 .card{border-radius:16px!important;padding:12px!important;margin-bottom:8px!important}
 h1{font-size:21px!important}
 button{font-size:10px}
 .chapter-pager{margin-top:8px!important}
}