.ux-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0;position:relative}
.ux-tabs button{min-height:40px;padding:8px 14px;border:1px solid #cbd7e7;border-radius:8px;background:#fff;color:#19365c}
.ux-tabs [aria-selected=true],.ux-tabs [aria-pressed=true]{background:#174fa4;color:#fff}
.ux-tabs button:focus-visible,summary:focus-visible{outline:3px solid #2377cf;outline-offset:3px}
.ux-breadcrumbs{display:flex;align-items:center;gap:8px;margin:8px 0;font-size:13px}
.ux-breadcrumbs button{padding:5px 10px;min-height:36px}
.ux-metric,.ux-explanation-question,.ux-explain-fold,.ux-lesson-cards details{border:1px solid #d6e0eb;border-radius:10px;padding:12px;margin:10px 0;background:#fff;min-width:0}
.ux-explanation-question summary,.ux-explain-fold summary,.ux-lesson-cards summary{cursor:pointer;font-weight:650;line-height:1.5}
.ux-lesson-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:10px}
.ux-lesson-cards details{margin:0}.ux-explain-fold .explain-section{border:0;margin:8px 0;padding:0}
.pdf-page-navigation{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.pdf-page-navigation input{width:70px;min-width:0}
.pdf-viewer-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px}.pdf-viewer-toolbar button{min-height:38px;padding:7px 10px}
.pdf-viewer:fullscreen{background:#f2f5fa;padding:12px;overflow:auto}.pdf-viewer:fullscreen .pdf-viewer-pages{height:calc(100dvh - 150px);max-height:none}
body:not(.exam-focus) #main-content .panel{padding:16px}body:not(.exam-focus) #main-content .actions{gap:8px;flex-wrap:wrap}
#main-content button{min-height:36px}#main-content .page-header{margin-bottom:12px;gap:12px;flex-wrap:wrap}
.exam-focus .exam-header-bar{position:sticky;top:0;z-index:8}.exam-focus #exam-progress-text{font-variant-numeric:tabular-nums;font-weight:650}
#explain-modal .modal-box{width:min(1000px,96vw);max-height:94dvh;overflow:auto}#explain-modal .modal-head{position:sticky;top:0;z-index:3;background:white;flex-wrap:wrap}
#explain-content{min-width:0;overflow-wrap:anywhere}#explain-content .rendered{min-width:0}#explain-content table{display:block;max-width:100%;overflow:auto}
.wb-setup{display:flex!important;flex-wrap:wrap;align-items:end;gap:12px}.wb-setup>label{flex:1 1 160px}.wb-setup .wb-topic-field{flex:2 1 280px}
.chapter-picker [data-learning-hierarchy]{display:flex;flex-wrap:wrap;gap:10px}[data-learning-hierarchy] label{flex:1 1 150px;min-width:0}
.flag-reader-toolbar{flex-wrap:wrap;gap:8px}.flag-reader-toolbar button{min-height:38px}.flag-pdf-page{margin-inline:auto}.flag-pages{overflow:auto}.flag-reader-layout:fullscreen{background:white}
.wb-main,.wb-board-card,.wb-transcript-card,.wb-chat-card{min-width:0}.wb-transcript-card,.wb-chat-card{padding:16px}.wb-section-heading{gap:10px;flex-wrap:wrap}
.ux-capabilities{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:18px}.ux-capabilities article{border:1px solid #d6e3f4;border-radius:18px;padding:22px;background:linear-gradient(135deg,#fff,#eef5ff);transition:transform .2s,box-shadow .2s}.ux-capabilities article:hover{transform:translateY(-4px);box-shadow:0 10px 30px #173e7614}.ux-capabilities a{display:inline-block;margin-top:10px}.ux-capability-flow{font-size:14px;line-height:1.8;color:#185594}
.public-hero .hero-copy h1{font-size:clamp(2.5rem,5vw,4.8rem);line-height:1.05;letter-spacing:-.035em}.public-hero .hero-lead{max-width:54ch;line-height:1.7}.public-hero .hero-actions{gap:12px;flex-wrap:wrap}
@media(max-width:760px){.ux-tabs button{flex:1 1 140px}.pdf-viewer-toolbar>*{max-width:100%}.pdf-page-navigation{width:100%}#explain-modal .modal-box{padding:12px;width:100%;max-height:96dvh}.ux-lesson-cards{grid-template-columns:1fr}.exam-focus .exam-header-bar{top:0}}
@media(prefers-reduced-motion:reduce){.ux-capabilities article{transition:none}.ux-capabilities article:hover{transform:none}}
html[data-motion=off] .ux-capabilities article,body[data-motion=off] .ux-capabilities article{transition:none;transform:none}

/* Keep per-question learning actions visible and on their own wrapping row. */
.attempt-review-card .section-heading{flex-wrap:wrap}
.attempt-review-card .review-actions{flex:1 0 100%;width:100%;margin-left:0;display:flex;flex-wrap:wrap;gap:8px}
.attempt-review-card .review-actions button{max-width:100%;white-space:normal}