@charset "UTF-8";

/* Third-batch interaction patterns; shape and color inherit from the active theme. */
html[data-theme] .categorize-area,
html[data-theme] .evidence-area { display: grid; gap: 14px; }
html[data-theme] .category-card-tray { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,150px),1fr)); gap: 9px; }
html[data-theme] .category-card,
html[data-theme] .category-zone,
html[data-theme] .evidence-sentence { min-width: 0; color: var(--ink); border: 1.5px solid var(--edge); border-radius: 5px; background: var(--surface); text-align: left; transition: border-color .15s,background .15s,transform .15s; }
html[data-theme] .category-card { min-height: 76px; padding: 12px 14px; display: flex; flex-direction: column; justify-content: center; gap: 5px; cursor: pointer; }
html[data-theme] .category-card strong { font-size:calc(20px + var(--reading-extra,0px)); line-height: 1.3; overflow-wrap: anywhere; }
html[data-theme] .category-card span { color: var(--muted); font-size:calc(13px + var(--reading-extra,0px)); }
html[data-theme] .category-card:hover,
html[data-theme] .category-zone:hover,
html[data-theme] .evidence-sentence:hover { border-color: var(--primary); }
html[data-theme] .category-card.active { border-color: var(--primary); background: var(--peach); box-shadow: inset 0 -3px 0 var(--primary); }
html[data-theme] .category-card.assigned:not(.active) { background: var(--surface-soft); }
html[data-theme] .category-zones { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,200px),1fr)); gap: 9px; }
html[data-theme] .category-zone { min-height: 116px; padding: 12px 14px; display: grid; grid-template-columns: minmax(0,1fr) auto; align-content: start; gap: 8px; cursor: pointer; }
html[data-theme] .category-zone strong { font-size:calc(18px + var(--reading-extra,0px)); overflow-wrap: anywhere; }
html[data-theme] .category-count { color: var(--green); font-size:calc(13px + var(--reading-extra,0px)); font-weight: 800; }
html[data-theme] .category-zone small { grid-column: 1/-1; min-height: 35px; padding-top: 7px; border-top: 1px dashed var(--edge); color: var(--muted); font-size:calc(14px + var(--reading-extra,0px)); line-height: 1.5; overflow-wrap: anywhere; }
html[data-theme] .evidence-passage { display: grid; border-top: 1px solid var(--line); }
html[data-theme] .evidence-sentence { width: 100%; min-height: 58px; padding: 12px 14px; border-width: 0 0 1px; border-radius: 0; display: flex; align-items: center; justify-content: space-between; gap: 18px; font-size:calc(19px + var(--reading-extra,0px)); line-height: 1.6; cursor: pointer; }
html[data-theme] .evidence-sentence b { flex: none; color: var(--muted); font-size:calc(20px + var(--reading-extra,0px)); }
html[data-theme] .evidence-sentence.selected { background: var(--mint); color: var(--green-dark); box-shadow: inset 3px 0 0 var(--green); }
html[data-theme] .evidence-sentence.selected b { color: var(--green); }
html[data-theme] .type-builder { display: grid; gap: 11px; padding: 14px; border: 1px solid var(--edge); border-left: 3px solid var(--primary); background: var(--surface-soft); }
html[data-theme] .builder-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
html[data-theme] .builder-head>strong { color: var(--ink); font-size: 15px; }
html[data-theme] .builder-head .text-link { min-height: 34px; padding: 5px 8px; border: 1px solid var(--edge); border-radius: 4px; background: var(--surface); font-size: 13px; }
html[data-theme] .categorize-category-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
html[data-theme] .categorize-category-row { min-width: 0; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 6px; padding: 7px; border: 1px solid var(--edge); background: var(--surface); }
html[data-theme] .categorize-category-row>span,html[data-theme] .categorize-category-row>label,html[data-theme] .card-number { color: var(--muted); font-size: 12px; font-weight: 800; white-space: nowrap; }
html[data-theme] .categorize-category-row input,html[data-theme] .categorize-card-row input,html[data-theme] .categorize-card-row select { width: 100%; min-width: 0; min-height: 38px; padding: 6px 9px; font-size: 14px; }
html[data-theme] .categorize-card-list { display: grid; gap: 6px; }
html[data-theme] .categorize-card-row { min-width: 0; display: grid; grid-template-columns: 25px minmax(0,1fr) minmax(120px,.55fr) 34px; align-items: center; gap: 7px; }
html[data-theme] .categorize-card-row .icon-btn,html[data-theme] .categorize-category-row .icon-btn { min-width: 34px; min-height: 34px; font-size: 20px; }
html[data-theme] .evidence-builder>textarea { min-height: 100px; resize: vertical; }
html[data-theme] .evidence-sentence-list { display: grid; gap: 5px; max-height: 280px; overflow: auto; }
html[data-theme] .evidence-editor-sentence { min-width: 0; display: grid; grid-template-columns: 25px minmax(0,1fr) auto; align-items: center; gap: 7px; }
html[data-theme] .evidence-editor-sentence>span { color: var(--muted); font-weight: 800; text-align: center; }
html[data-theme] .evidence-editor-sentence input { min-width: 0; min-height: 39px; padding: 6px 9px; font-size: 14px; }
html[data-theme] .evidence-pick { min-width: 86px; min-height: 38px; padding: 5px 9px; border: 1px solid var(--edge); border-radius: 4px; background: var(--surface); color: var(--muted); font-size: 13px; font-weight: 700; cursor: pointer; }
html[data-theme] .evidence-pick.selected { border-color: var(--green); background: var(--mint); color: var(--green-dark); }
html[data-theme] .evidence-sets-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; padding-top: 8px; border-top: 1px solid var(--line); }
html[data-theme] .evidence-sets-head>strong { font-size: 14px; }
html[data-theme] .evidence-sets-head>div { display: flex; align-items: center; gap: 5px; flex-wrap: wrap; }
html[data-theme] .evidence-set-tab { display: inline-flex; border: 1px solid var(--edge); background: var(--surface); }
html[data-theme] .evidence-set-tab button { min-height: 32px; padding: 4px 8px; background: transparent; color: var(--muted); font-size: 12px; cursor: pointer; }
html[data-theme] .evidence-set-tab button+button { border-left: 1px solid var(--edge); }
html[data-theme] .evidence-set-tab.active { border-color: var(--green); background: var(--mint); }
html[data-theme] .evidence-set-tab.active button { color: var(--green-dark); }
html[data-theme] .evidence-builder>small { color: var(--muted); line-height: 1.45; }
html[data-theme] .evidence-passage-dirty-notice,html[data-theme] .evidence-reselect-notice { margin:0; padding:8px 10px; border-left:3px solid var(--primary); background:var(--peach); color:var(--ink); font-size:13px; line-height:1.45; }
html[data-theme] .answer-feedback .accepted-alternative { width:fit-content; margin:8px 0; padding:5px 9px; border-left:3px solid var(--green); background:var(--mint); color:var(--green-dark); font-weight:750; }
html[data-theme] .board-play .category-card strong { font-size:calc(18px + var(--reading-extra,0px)); }
html[data-theme] .board-play .category-zone { min-height: 105px; }
html[data-theme] .board-play .evidence-sentence { font-size:calc(17px + var(--reading-extra,0px)); }
html[data-theme] .category-card:focus-visible,html[data-theme] .category-zone:focus-visible,html[data-theme] .evidence-sentence:focus-visible,html[data-theme] .evidence-pick:focus-visible { outline: 3px solid var(--primary); outline-offset: 2px; }
@media(max-width:600px){
  html[data-theme] .categorize-category-list { grid-template-columns: 1fr; }
  html[data-theme] .categorize-card-row { grid-template-columns: 22px minmax(0,1fr) minmax(105px,.7fr) 30px; gap: 5px; }
  html[data-theme] .evidence-editor-sentence { grid-template-columns: 20px minmax(0,1fr); }
  html[data-theme] .evidence-editor-sentence .evidence-pick { grid-column: 2; justify-self: start; }
  html[data-theme] .evidence-sentence { font-size:calc(17px + var(--reading-extra,0px)); }
}