.hidden { display: none !important; }
.header-tools { margin: 0; }
fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
.attestation { display: flex; gap: 8px; align-items: start; margin: 12px 0; }
.attestation input { margin-top: 4px; flex-shrink: 0; }
#model-rationale, .feedback-note { white-space: pre-wrap; }
#login { max-width: 660px; }
#login .button { margin: 20px 0 10px; }
#human-evidence li { overflow-wrap: anywhere; margin-bottom: 10px; }
#history article { border-top: 1px solid var(--border); margin-top: 14px; padding-top: 14px; }
#history pre { max-height: 450px; overflow: auto; }
#order { width: auto; max-width: 210px; }
.review-element { position: relative; margin-bottom: 18px; min-width: 0; }
.comment-trigger { font-size: 11px; padding: 5px 9px; min-height: 32px; color: var(--accent); background: var(--surface); margin: 8px 0; }
.comment-trigger.has-comment, .comment-trigger[aria-pressed="true"] { background: var(--accent-soft); border-color: var(--accent); }
.comment-active { outline: 1px solid var(--accent); outline-offset: 5px; border-radius: 3px; }
.inline-edit { margin: 12px 0; }
.inline-edit[open] { border-left: 2px solid var(--accent); padding-left: 14px; }
.probability-list { padding: 0; list-style: none; }
.probability-row { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 2px 14px; margin: 12px 0; font-size: 12px; }
.probability-row meter { grid-column: 1 / -1; width: 100%; height: 12px; accent-color: var(--accent); }
.probability-row meter::-webkit-meter-optimum-value { background: var(--accent); }
.citation { margin: 8px 0; cursor: pointer; }
.citation:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.citation-active { background: var(--accent-soft); }
.citation-context { display: none; font-size: 12px; border-top: 1px solid var(--border); padding-top: 10px; }
.source-section { margin-top: 20px; }
.source-heading { display: flex; gap: 10px; justify-content: space-between; align-items: center; margin: 0; }
.source-heading h3 { margin: 0; }
.source-tools { display: flex; gap: 8px; position: sticky; bottom: 0; padding: 10px 0; background: var(--surface); }
.source-tools button { font-size: 11px; }
.reading-tabs { display: none; }
body.reviewing { height: 100dvh; display: flex; flex-direction: column; overflow: hidden; }
body.reviewing .topbar { height: 64px; flex-shrink: 0; padding-inline: 24px; }
body.reviewing main { flex: 1; min-height: 0; display: flex; flex-direction: column; width: 100%; max-width: none; padding: 8px 24px 16px; }
body.reviewing .intro { display: none; }
body.reviewing #notice { margin: 0 0 4px; min-height: 22px; flex-shrink: 0; }
#review:not(.hidden) { flex: 1; min-height: 0; display: flex; flex-direction: column; }
.review-toolbar { flex-shrink: 0; gap: 8px; margin-bottom: 12px; }
.review-toolbar button, .review-toolbar select { font-size: 12px; padding: 8px 10px; }
#review .grid { flex: 1; min-height: 0; grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(300px,.82fr); gap: 18px; align-items: stretch; }
.review-column { min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; padding: 6px 8px; }
.review-column .card { padding: 18px; }
.review-column .document { max-height: none; overflow: visible; font-size: 14px; }
#question { font-size: 15px; font-weight: 500; line-height: 1.7; }
#feedback-column { min-height: 0; display: flex; flex-direction: column; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); overflow: hidden; }
.feedback-heading { padding: 16px 18px 8px; border-bottom: 1px solid var(--faint); flex-shrink: 0; }
.feedback-heading h2 { margin-bottom: 2px; }
.feedback-heading > .comment-trigger { margin: 0; }
#comment-list { display: flex; gap: 5px; overflow-x: auto; max-height: 40px; }
.comment-chip { font-size: 10px; padding: 4px 8px; white-space: nowrap; flex-shrink: 0; }
#feedback-context { padding: 12px 18px 0; flex-shrink: 0; }
#feedback-excerpt { border-left: 2px solid var(--accent); margin: 8px 0; padding-left: 10px; max-height: 110px; overflow: auto; white-space: pre-wrap; font-size: 12px; line-height: 1.65; }
#feedback-fields { padding: 0 18px 14px; overflow-y: auto; flex: 1; min-height: 70px; }
#feedback-fields textarea { min-height: 105px; font-size: 13px; }
#decision-panel { border-top: 1px solid var(--border); padding: 12px 18px; flex-shrink: 0; }
#decision-panel > summary { font-size: 13px; font-weight: 600; margin-bottom: 8px; color: var(--text); }
#decision-panel .actions { gap: 6px; }
#decision-panel button { padding: 8px; font-size: 11px; }
#decision-panel .attestation { font-size: 11px; }
#save-status, #identity { margin: 0; padding: 0 18px 7px; font-size: 10px; }
#review[aria-busy="true"] .grid { opacity: .65; }
@media(max-width:1199px) {
  #review .grid { grid-template-columns: minmax(0,1fr) minmax(310px,.8fr); }
  .reading-tabs { display: flex; gap: 6px; margin-bottom: 8px; flex-shrink: 0; }
  .reading-tabs button { padding: 5px 14px; font-size: 12px; }
  .reading-tabs button[aria-pressed="true"] { background: var(--accent-soft); color: var(--accent); }
  #review[data-reading="sources"] #judgment-column, #review[data-reading="review"] #source-column { display: none; }
  #feedback-column { grid-column: 2; grid-row: 1; }
  #progress { display: none; }
  .citation-active .citation-context { display: block; }
}
@media(max-width:760px) {
  body.reviewing .topbar { height: 56px; padding-inline: 12px; }
  body.reviewing main { padding: 4px 10px 8px; }
  #account, .brand-divider, .brand .product { display: none; }
  .header-tools { gap: 0; }
  .review-toolbar { gap: 5px; margin-bottom: 5px; }
  .review-toolbar button { min-height: 36px; }
  #order { max-width: 145px; padding: 6px; }
  .review-toolbar label { display: none; }
  #review .grid { grid-template-columns: minmax(0,1fr); grid-template-rows: minmax(130px,1fr) minmax(230px,48%); gap: 8px; }
  #feedback-column { grid-column: 1; grid-row: 2; }
  .review-column { padding: 5px; }
  .review-column .card { padding: 14px; }
  .feedback-heading { padding: 6px 12px; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
  .feedback-heading h2 { font-size: 13px; }
  .feedback-heading > p { display: none; }
  .feedback-heading .comment-trigger { min-height: 32px; }
  #comment-list { max-width: 100%; }
  #feedback-context { padding: 6px 12px 0; }
  #feedback-target { margin: 0; }
  #feedback-excerpt { max-height: 48px; margin: 4px 0; font-size: 11px; }
  #feedback-fields { padding: 0 12px 8px; }
  #feedback-fields label { margin: 4px 0; }
  #feedback-fields textarea { font-size: 16px; min-height: 78px; }
  #decision-panel { padding: 5px 12px; max-height: 65%; overflow-y: auto; }
  #decision-panel > summary { margin: 0; min-height: 32px; }
  #decision-panel[open] > summary { margin-bottom: 6px; }
  #save-status { padding: 0 12px 3px; }
  #identity { display: none; }
  .reading-tabs { margin-bottom: 4px; }
  .reading-tabs button { min-height: 32px; }
}