/* Mobile ergonomics: retain readable copy, native scrolling and the desktop layout. */
.program-tabs,.knowledge-toggle{display:none}
#mobile-sticky{transition:opacity .22s ease,transform .22s ease}
#mobile-sticky.is-quiz-active{opacity:0;pointer-events:none;transform:translateY(100%)}

@media(max-width:768px){
 html{scroll-padding-top:74px}
 #quiz-form{scroll-margin-top:0}
 #quiz .quiz-entry{padding:20px 10px}
 #quiz-form.quiz-card{padding:16px 12px;margin-inline:-6px}
 #quiz .quiz-top{font-size:9px;line-height:1.3;gap:8px}
 #quiz .quiz-progress{margin:10px 0 16px}
 #quiz .quiz-step:is([data-step="1"],[data-step="4"]) h3{font-size:19px;line-height:1.3;margin-bottom:10px}
 #quiz .quiz-step:is([data-step="1"],[data-step="4"]) .field-note{font-size:12px;line-height:1.3;margin:0 0 10px}
 #quiz .quiz-step:is([data-step="1"],[data-step="4"]) .choice-stack{gap:8px}
 /* Grid gap supplies the 8px separation; do not add another bottom margin. */
 #quiz .quiz-step:is([data-step="1"],[data-step="4"]) .choice{padding:11px 14px;margin:0;font-size:13.5px;line-height:1.3;min-height:44px;gap:9px}
 #quiz .quiz-step:is([data-step="1"],[data-step="4"]) .choice input{width:18px;height:18px;margin:0}
 #quiz .quiz-navigation{margin-top:14px}
 #quiz .quiz-navigation .button{min-height:46px;padding:12px 14px}

 .program-carousel{--slide-width:88%;--carousel-gap:12px;width:100%;max-width:none}
 #program-tabs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:8px;margin:0 0 14px;padding:5px;border:1px solid #d4b57542;border-radius:15px;background:linear-gradient(125deg,#282520,#101112);box-shadow:inset 0 1px 0 #ffffff0c}
 #program-tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:64px;padding:10px 7px;border:1px solid transparent;border-radius:10px;background:transparent;color:#cec9c0;font:inherit;line-height:1.3;white-space:normal;transition:background .2s,color .2s,border-color .2s}
 #program-tabs strong{font-size:14px;font-weight:700}
 #program-tabs span{font-size:12px}
 #program-tabs button[aria-pressed="true"]{background:linear-gradient(120deg,#edcf97,#c7a064);border-color:#e2c895;color:#211a10;box-shadow:0 4px 15px #0003,inset 0 1px 0 #fff4}
 #program-tabs button:focus-visible{outline:2px solid #f4d49a;outline-offset:3px}
 .program-carousel>.carousel-toolbar{display:flex}
 #program-carousel-track{display:flex;grid-template-columns:none;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:0;padding:12px 0 26px}
 #program-carousel-track>.carousel-slide{flex:0 0 88%;width:88%;min-width:0;transform:none;opacity:1}
 #program-carousel-track:after{display:block;flex:0 0 max(0px,calc(12% - 12px))}

 #knowledge{display:flex;flex-direction:column}
 #knowledge>.eyebrow{order:0}
 #knowledge>.knowledge-primary[data-mobile-order="1"]{order:1}
 #knowledge>.knowledge-primary[data-mobile-order="2"]{order:2}
 #knowledge>.knowledge-primary[data-mobile-order="3"]{order:3}
 #knowledge>.knowledge-primary[data-mobile-order="4"]{order:4}
 #knowledge>.knowledge-secondary{order:5}
 #knowledge[data-ready="true"]:not(.is-expanded)>.knowledge-secondary{display:none}
 #knowledge-toggle{display:flex;align-items:center;justify-content:center;order:6;min-height:48px;margin:16px 0 0;padding:12px 18px;gap:8px;border:1px solid #d4b57560;border-radius:11px;background:linear-gradient(120deg,#d4b57518,#ffffff03);color:#e9cf9f;font:600 14px/1.4 Arial,Helvetica,sans-serif}
}
@media(min-width:761px) and (max-width:768px){html{scroll-padding-top:86px}}
@media(prefers-reduced-motion:reduce){#mobile-sticky,#program-tabs button{transition:none}}