.brand{flex-wrap:wrap}
.workspace-signature{display:flex;justify-content:flex-end;padding:12px 32px 18px}
.aljaber-logo{display:block;width:42px;height:21px;flex-shrink:0;object-fit:contain}
@media(max-width:520px){.workspace-signature{padding:10px 19px 14px}.aljaber-logo{width:38px;height:19px}}
.load-alert{max-width:680px;margin:48px auto;padding:24px;color:var(--ink);overflow-wrap:anywhere}
.load-alert h1{font-size:1.35rem}.load-alert a{color:var(--deep);display:inline-flex;min-height:44px;align-items:center}
.evidence-list details{min-width:0;width:100%}.evidence-list details summary{cursor:pointer;color:var(--deep);min-height:44px;display:list-item;align-content:center;padding:5px 0}
.evidence-list details p{margin:6px 0 10px;color:#526875;font-size:.95rem}
.evidence-list li:has(details){padding-block:3px}
.content-label{font-size:.8rem;color:#526875;margin:12px 0 0}
/* Keep small step numbers and keyboard focus clear on the light surfaces. */
.tabs button[aria-selected="true"] span{background:var(--deep)}
:is(button,select,summary,a,[tabindex]):focus-visible{outline-color:var(--deep)}
/* Keep complete result labels inside the card when text is greatly enlarged. */
.result-buttons button{white-space:normal;min-width:0;max-width:100%;flex-basis:auto}
.role-link{white-space:normal;max-width:100%;text-align:center}
/* The training badge must wrap too: a narrow workspace clips nowrap text
   when the reader increases text size, even if the page itself does not scroll. */
.practice-title>span{white-space:normal;max-width:100%;overflow-wrap:anywhere}
.view-switch{display:flex;flex-wrap:wrap;gap:6px;padding:0 32px 18px}
.view-switch button{min-height:44px;padding:8px 16px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--deep);font-size:.9rem}
.view-switch button[aria-pressed="true"]{background:var(--deep);border-color:var(--deep);color:#fff}
.quick-view{padding:0 32px 24px}
.quick-section{padding:18px 0;border-top:1px solid var(--line)}
.quick-section h3{color:var(--deep);margin:0 0 8px}
.quick-section p{margin:0}
#quick-question{font-size:1.15rem}
.quick-section ul{margin:0;padding-inline-start:22px}
.quick-section li+li{margin-top:7px}
#quick-evidence{list-style:none;padding:0}
#quick-evidence li{border:1px solid var(--line);border-radius:9px;padding:0 13px;background:#f7fbfd}
#quick-evidence li>span{display:block;padding:10px 0}
#quick-evidence summary{min-height:44px;align-content:center;cursor:pointer;padding:7px 0;color:var(--deep)}
#quick-evidence details p{font-size:.9rem;color:#526875;padding-bottom:12px}
@media(max-width:900px){.view-switch{padding-inline:26px}.quick-view{padding-inline:26px}}
@media(max-width:520px){.view-switch{padding-inline:19px}.view-switch button{flex:1;min-width:0}.quick-view{padding-inline:19px}#quick-question{font-size:1.05rem}}