.student-preview-landmarks{display:flex;gap:12px;list-style:none;padding:0;margin:20px 0;color:#302944}
.student-preview-landmarks li{flex:1;display:flex;align-items:center;gap:9px;font-size:16px;font-weight:700;white-space:nowrap}
.student-preview-landmarks li>span{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:10px;color:#6850bb;background:#eee9ff;font-size:13px}
.student-preview-landmarks li:nth-child(2)>span{background:#e0f6ed;color:#237e63}.student-preview-landmarks li:nth-child(3)>span{background:#fff0dc;color:#a66422}
.student-history-entry{display:flex;align-items:center;gap:10px;min-height:48px;width:100%;padding:10px 14px;border:1px solid #e0dbe9;border-radius:12px;color:#54446d;background:#fff;font:inherit;text-align:left;cursor:pointer}
.student-cause-history-entry{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0 18px;color:#6b617b;font-size:16px}.student-cause-history-entry button{min-height:48px}
.ssh-session-actions{margin-top:24px;padding-top:20px;border-top:1px solid #e8e1ef}.ssh-session-actions .btn{min-height:48px}.ssh-session-actions p{font-size:14px;line-height:1.6;color:#756b82}
.ssh-prototype-link{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0 8px;color:#746582;font-size:14px}.ssh-prototype-link .btn{min-height:48px}
.ta-compatible-groups>summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;gap:12px;font-size:14px;font-weight:700;color:#5c4d82;cursor:pointer}.ta-compatible-group{margin:14px 0;padding-top:12px;border-top:1px solid #e9e3f0}.ta-compatible-group h4{font-size:14px;line-height:1.5;margin:0 0 5px}.ta-compatible-group>p{font-size:13px;line-height:1.6;color:#73677e;margin:0 0 10px}
@media(min-width:1800px){.workspace.touch-workspace[data-view-role=student] .student-preview-landmarks{gap:14px;margin:30px 0}.workspace.touch-workspace[data-view-role=student] .student-preview-landmarks li{justify-content:center;gap:0;font-size:26px}.workspace.touch-workspace[data-view-role=student] .student-preview-landmarks li>span{display:none}.workspace.touch-workspace[data-view-role=student] .student-preview-landmarks li:nth-child(1){color:#6950bd}.workspace.touch-workspace[data-view-role=student] .student-preview-landmarks li:nth-child(2){color:#237e63}.workspace.touch-workspace[data-view-role=student] .student-preview-landmarks li:nth-child(3){color:#a66422}.workspace.touch-workspace[data-view-role=student] .student-history-entry{min-height:76px;font-size:25px}.workspace.touch-workspace[data-view-role=student] .student-cause-history-entry{font-size:24px}
body:has(.workspace.touch-workspace[data-view-role=student]) #modal-root .ch-history{font-size:24px}body:has(.workspace.touch-workspace[data-view-role=student]) #modal-root .ch-history :is(.ch-eyebrow,.ch-date-range,.ch-stats span,.ch-stats small,.ch-leading>span,.ch-leading em,.ch-bar,.ch-bar small,.ch-question summary,.ch-question summary b,.ch-source,.ch-record-tag,.ch-effective-cause,.ch-question-body,.ch-options,.ch-answer-row,.ch-explanation,.ch-unassigned,.ch-method,.ch-empty,.ch-sample-limit,.ch-all-questions>summary,.ch-unassigned-button){font-size:22px;line-height:1.6}body:has(.workspace.touch-workspace[data-view-role=student]) #modal-root .ch-history :is(.ch-scope,.ch-cause-choice,.ch-button){font-size:22px;min-height:64px}body:has(.workspace.touch-workspace[data-view-role=student]) #modal-root .ch-heading h3{font-size:28px}body:has(.workspace.touch-workspace[data-view-role=student]) #modal-root .ch-stats b{font-size:30px}}
@media(max-width:1100px){.student-preview-landmarks{gap:8px;margin:15px 0}.student-preview-landmarks li{gap:5px;font-size:14px}.student-preview-landmarks li>span{width:25px;height:25px;font-size:11px}}