*{box-sizing:border-box}body{margin:0;background:#f4f7fa;color:#182b3a;font:1rem/1.55 system-ui,sans-serif}main{width:100%;max-width:58rem;margin:auto;padding:clamp(.75rem,3vw,2rem)}section{background:white;border:1px solid #c5d1dc;border-radius:.5rem;padding:clamp(.65rem,2vw,1.4rem);margin-block:1rem}h1{font-size:clamp(1.5rem,4vw,2.2rem)}h2{font-size:1.3rem}p,li,label,h1,h2,h3,button,a{overflow-wrap:anywhere}button,input,select{font:inherit;max-width:100%}input[type=password],select{width:100%;padding:.5rem}button,a.download{display:inline-block;padding:.5rem .8rem;margin:.3rem .3rem .3rem 0;background:#164a73;color:white;border:2px solid transparent;border-radius:.25rem;cursor:pointer;white-space:normal;text-decoration:none}button:disabled{opacity:.6;cursor:default}:focus-visible{outline:3px solid #a34e00;outline-offset:3px}fieldset{min-width:0;margin:.8rem 0;border:1px solid #9aabb9}legend{max-width:100%}.choices,.pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:.5rem}.choices label{display:flex;align-items:start;gap:.4rem;min-width:0}.pair>label{min-width:0}.toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;background:#edf2f6;padding:.75rem}#message{min-height:1.5rem;font-weight:600}article{border-top:1px solid #bccbd6;padding-block:1rem;min-width:0}[hidden]{display:none!important}
.scroll{overflow-x:auto;max-width:100%}table{border-collapse:collapse;margin:.5rem 0;min-width:20rem}caption{text-align:left;font-weight:600;padding-bottom:.25rem}th,td{border:1px solid #c5d1dc;padding:.3rem .55rem;text-align:left;vertical-align:top}thead th{background:#edf2f6}.compare{border-color:#9aabb9;background:#fbfcfd}h4{margin:.2rem 0 .5rem}
.modes{display:flex;flex-wrap:wrap;gap:.4rem;margin-block:.5rem}.modes button[aria-pressed=false]{background:#fff;color:#164a73;border-color:#164a73}.hint{color:#3b5568;font-size:.95rem;margin:.2rem 0 .5rem}.caserow{border-top:1px solid #dbe4eb;padding:.45rem 0}.caserow[open]{display:grid;gap:.2rem}.caserow>summary{cursor:pointer;min-height:44px;padding:.35rem 0;list-style-position:outside;margin-left:1rem}.caserow>summary .hint{font-size:.9rem}.caserow p.hint{margin:.1rem 0;overflow-wrap:anywhere}button.more{margin-top:.5rem}.caserow label{display:flex;gap:.4rem;align-items:start}#casePane label,#caseForm>label{display:block;margin:.4rem 0}input[type=search]{width:100%;padding:.45rem}
textarea{width:100%;font:inherit;padding:.5rem}
#qContext{width:100%;padding:.5rem;margin-bottom:.5rem}
.taskspec td{white-space:pre-line}
.mono{font-family:ui-monospace,Menlo,monospace;font-size:.8rem;overflow-wrap:anywhere}
#w4 td:nth-child(3),#w4 td:last-child{white-space:nowrap}
/* Selection reasons: long model tokens (snake_case, CURIEs) wrap so the table fits a phone width. */
.explain table{width:100%}.explain td{overflow-wrap:anywhere}.explain td:nth-child(2):not(:last-child){overflow-wrap:normal}