.fieldwork{color:#30436b;min-width:0;max-width:100%;font-family:Nunito,system-ui,sans-serif}.fieldwork h1{font-family:'Baloo 2',Nunito,system-ui;font-size:28px;line-height:1.18;margin:8px 0 16px}.fieldwork h2{font-size:18px;line-height:1.25;margin:6px 0}.fieldwork p{font-size:15px;line-height:1.55;margin:9px 0}.fieldwork button{font:800 14px/1.35 Nunito,system-ui;cursor:pointer;min-height:44px;padding:9px 12px;border:2px solid #c3b7df;border-radius:12px;background:#f1ebff;color:#56418c;box-sizing:border-box}.fieldwork button:disabled{opacity:.5;cursor:default}.fieldwork button:focus-visible,.fieldwork [tabindex]:focus-visible{outline:3px solid #7259bb;outline-offset:3px}.fieldwork-status{min-height:0;font-size:13px!important;color:#655035}.fieldwork-status:empty{display:none}.fieldwork-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.fieldwork-controls>span{font-size:12px;font-weight:800}.fieldwork-photo-track{display:flex;width:100%;overflow:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;border:2px solid #ddcfb1;border-radius:14px;background:#f4ead5}.fieldwork-photo{box-sizing:border-box;flex:0 0 100%;min-width:0;display:grid;grid-template-columns:minmax(100px,240px) minmax(0,1fr);align-items:center;gap:18px;padding:20px;scroll-snap-align:start}.fieldwork-photo figure{margin:0;padding:8px 8px 18px;background:white;box-shadow:1px 3px 5px #947f5955;transform:rotate(-2deg)}.fieldwork-photo img{display:block;width:100%;height:170px;object-fit:cover}.fieldwork-photo figcaption{text-align:center;font-size:10px;font-weight:900;margin-top:8px;letter-spacing:1px}.fieldwork-action-note{background:#fff1bf;padding:12px 14px;border-radius:12px;margin:12px 0}.fieldwork-action-note strong,.fieldwork-hidden-note strong{font-size:14px}.fieldwork-scratch-pad{position:relative;min-height:150px;border:2px solid #b79d60;border-radius:15px;overflow:hidden;background:#fff9e9}.fieldwork-hidden-note{padding:18px;min-height:150px;box-sizing:border-box}.fieldwork-scratch-pad canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.fieldwork-scratch-pad.is-revealed canvas{display:none}.fieldwork-scratch-pad.is-revealed{border-color:#9caf83}.fieldwork-links{position:relative;display:grid;grid-template-columns:minmax(95px,.7fr) minmax(0,1.6fr);gap:38px;min-width:0}.fieldwork-strings{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.fieldwork-link-headings,.fieldwork-link-notes{position:relative;display:flex;flex-direction:column;justify-content:space-around;gap:14px;z-index:1}.fieldwork-links button{text-align:left;font-size:13px;overflow-wrap:anywhere}.fieldwork-link-notes button{background:#fff7df;border-color:#d8c7a2}.fieldwork-links button[aria-pressed=true]{background:#e3d8ff;border-color:#7259bb}.fieldwork-link-notes .is-connected{border-color:#8ca777;background:#f0f7e9}.fieldwork-trail-steps{display:flex;gap:10px;position:relative;margin-bottom:16px}.fieldwork-trail-steps button{flex:1;min-width:0;display:flex;align-items:center;gap:8px;justify-content:center}.fieldwork-trail-steps button>span{display:grid;place-items:center;flex-shrink:0;background:#fff;width:24px;height:24px;border-radius:50%}.fieldwork-trail-steps button[aria-pressed=true]{background:#e4d9ff;border-color:#7259bb}.fieldwork-trail-note{display:flex;align-items:center;gap:20px;background:#f8f0de;border:2px solid #ddcfb1;border-radius:15px;padding:18px}.fieldwork-trail-note img{width:145px;height:145px;object-fit:contain;flex-shrink:0;border:7px solid #fff;box-shadow:1px 3px 4px #947f5955;transform:rotate(3deg)}
@media(max-width:700px){.fieldwork h1{font-size:23px}.fieldwork h2{font-size:16px}.fieldwork p{font-size:14px}.fieldwork-photo{grid-template-columns:minmax(0,1fr);gap:8px;padding:14px}.fieldwork-photo figure{width:min(220px,100%);justify-self:center;padding:5px 5px 12px}.fieldwork-photo img{height:125px}.fieldwork-photo figcaption{font-size:8px;margin-top:5px}.fieldwork-links{gap:20px;grid-template-columns:minmax(75px,.7fr) minmax(0,1.5fr)}.fieldwork-links button{font-size:12px;padding:8px}.fieldwork-trail-steps{gap:5px}.fieldwork-trail-steps button{flex-direction:column;gap:5px;font-size:11px;padding:8px 5px}.fieldwork-trail-note{display:block;padding:14px}.fieldwork-trail-note img{float:right;width:80px;height:80px;margin:0 0 10px 12px}.fieldwork-controls{flex-wrap:wrap}.fieldwork-controls button{font-size:12px}.fieldwork-scratch-pad,.fieldwork-hidden-note{min-height:150px}}
html:is([data-tell-theme=contrast],[data-tell-theme=cream]) .fieldwork{color:var(--tell-ink)}html:is([data-tell-theme=contrast],[data-tell-theme=cream]) .fieldwork button,html:is([data-tell-theme=contrast],[data-tell-theme=cream]) .fieldwork-photo-track,html:is([data-tell-theme=contrast],[data-tell-theme=cream]) .fieldwork-trail-note{background:var(--tell-surface);color:var(--tell-ink);border-color:var(--tell-edge)}
.fieldwork-photos .fieldwork-controls{position:sticky;top:0;z-index:3;background:#fffdf8;padding:6px 0;margin:0 0 10px}
/* Spend the mobile paper area on the lesson, not repeated controls and labels. */
#app .dossier-heading .fieldwork-speaker{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;min-height:40px;margin:0;padding:8px;border:2px solid #c6b9e9;border-radius:12px;background:#eee8ff;color:#57428b;box-sizing:border-box}
#app .fieldwork-speaker svg{display:block;width:22px;height:22px;flex-shrink:0}
#app .fieldwork-speaker[aria-pressed=true]{background:#7259bb;color:#fff}
@media(max-width:700px){
 #app .case-file-content .lessoncard.dossier-paper{padding:10px 12px 10px 24px}
 #app .case-file-content .fieldwork h1{margin:0 0 9px;font-size:21px;line-height:1.15}
 #app .case-file-content .fieldwork p{font-size:14px;line-height:1.4;margin:7px 0}
 #app .case-file-content .fieldwork-photo{grid-template-columns:minmax(68px,.65fr) minmax(0,1.35fr);padding:10px;gap:10px;align-items:center}
 #app .case-file-content .fieldwork-photo figure{width:100%;padding:4px 4px 10px;transform:rotate(-2deg)}
 #app .case-file-content .fieldwork-photo img{height:clamp(70px,13dvh,110px)}
 #app .case-file-content .fieldwork-photo h2{font-size:13px;line-height:1.2;margin:0 0 5px}
 #app .case-file-content .fieldwork-photo p{margin:0;font-size:14px;line-height:1.4}
 #app .case-file-content .fieldwork-photo figcaption{font-size:7px;margin-top:4px;letter-spacing:.5px}
 #app .case-file-content .fieldwork-photos .fieldwork-controls{margin:0 0 6px;padding:2px 0}
 #app .case-file-content .fieldwork-controls{margin-top:8px;gap:7px}
 #app .case-file-content .fieldwork-controls button{padding:7px 10px}
 #app .case-file-content .fieldwork-links{gap:16px;grid-template-columns:minmax(70px,.7fr) minmax(0,1.5fr)}
 #app .case-file-content .fieldwork-link-headings,#app .case-file-content .fieldwork-link-notes{gap:8px}
 #app .case-file-content .fieldwork-links button{font-size:12px;line-height:1.3;padding:7px}
 #app .case-file-content .fieldwork-instruction{font-size:12px;margin:4px 0 8px}
 #app .case-file-content .fieldwork-scratch-pad,#app .case-file-content .fieldwork-hidden-note{min-height:110px}
 #app .case-file-content .fieldwork-hidden-note{padding:12px}
 #app .case-file-content .fieldwork-action-note{padding:9px 11px;margin:8px 0}
 #app .case-file-content .fieldwork-trail-steps{margin-bottom:9px}
 #app .case-file-content .fieldwork-trail-note{padding:10px}
 #app .case-file-content .fieldwork-trail-note img{width:65px;height:65px;margin:0 0 8px 9px}
}

@media(min-width:701px){
 #app .case-file-content .fieldwork h1{margin:0 0 12px}
 #app .case-file-content .fieldwork-photo{padding:14px;gap:16px}
 #app .case-file-content .fieldwork-photo img{height:135px}
 #app .case-file-content .fieldwork-scratch-pad,#app .case-file-content .fieldwork-hidden-note{min-height:100px}
 #app .case-file-content .fieldwork-hidden-note{padding:12px}
 #app .case-file-content .fieldwork-action-note{padding:9px 12px;margin:9px 0}
}

#app .case-file-content .lessoncard .fieldwork h1{font-size:28px;line-height:1.18;margin:0 0 12px}
#app .case-file-content .fieldwork-scratch .fieldwork-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(min-width:701px){#app .case-file-content .lessoncard.dossier-paper{padding:12px 20px 12px 36px}}
@media(max-width:700px){#app .case-file-content .lessoncard .fieldwork h1{font-size:21px;line-height:1.15;margin:0 0 9px}}

/* Remove the legacy illustration slot and keep the paper inside its folder. */
#app .case-file-content .lessoncard.dossier-paper{min-height:0!important}
#app .case-file-content .fieldwork-connect .fieldwork-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:700px){
 html[data-tell-text-size=standard] #app .case-file-content .fieldwork-scratch:not(.evidence-revealed) .fieldwork-action-note{display:none}
 html[data-tell-text-size=standard] #app .case-file-content .fieldwork-scratch.evidence-revealed>p,
 html[data-tell-text-size=standard] #app .case-file-content .fieldwork-scratch.evidence-revealed .fieldwork-controls{display:none}
 html[data-tell-text-size=standard] #app .case-file-content .fieldwork-scratch-pad,
 html[data-tell-text-size=standard] #app .case-file-content .fieldwork-hidden-note{min-height:70px}
 html[data-tell-text-size=standard] #app .case-file-content .fieldwork-scratch:not(.evidence-revealed) .fieldwork-hidden-note{height:70px;overflow:hidden}
 #app .case-file-content .fieldwork-connect .fieldwork-instruction{font-size:12px;line-height:1.3;margin:3px 0 7px}
}

.fieldwork .fieldwork-review{display:none}
@media(max-width:700px){
 html[data-tell-text-size=standard] #app .case-file-content .fieldwork-scratch.evidence-revealed .fieldwork-review{display:block;margin:8px 0 0;font-size:12px}
 html[data-tell-text-size=standard] #app .case-file-content .fieldwork-scratch.review-opening>p{display:block}
 html[data-tell-text-size=standard] #app .case-file-content .fieldwork-scratch.review-opening :is(.fieldwork-action-note,.fieldwork-scratch-pad){display:none}
}

@media(max-width:700px){
 #app .case-file-content .lessoncard.dossier-paper{padding-top:8px;padding-bottom:8px}
 #app .case-file-content .fieldwork-links{gap:12px}
 #app .case-file-content .fieldwork-link-headings,#app .case-file-content .fieldwork-link-notes{gap:4px}
 #app .case-file-content .fieldwork-links button{padding:5px;line-height:1.25}
 #app .case-file-content .fieldwork-trail-steps button{flex-direction:row;padding:5px;gap:4px}
 #app .case-file-content .fieldwork-trail-steps button>span{width:18px;height:18px}
 #app .case-file-content .fieldwork-trail-steps{margin-bottom:6px}
 #app .case-file-content .lessoncard .fieldwork h1{margin-bottom:6px}
 html[data-tell-text-size=standard] #app .case-file-content .fieldwork-scratch.evidence-revealed .fieldwork-scratch-pad{display:none}
 html[data-tell-text-size=standard] #app .case-file-content .fieldwork-scratch.evidence-view-clue .fieldwork-action-note{display:none}
 html[data-tell-text-size=standard] #app .case-file-content .fieldwork-scratch.evidence-view-clue .fieldwork-scratch-pad{display:block}
}
@media(max-width:700px) and (max-height:720px){
 html[data-tell-text-size=standard] #app .case-file-content{gap:4px}
 html[data-tell-text-size=standard] #app .case-file-content .lessonstage{padding:5px}
 html[data-tell-text-size=standard] #app .case-file-content .lessoncard.dossier-paper{padding-top:6px;padding-bottom:6px}
 html[data-tell-text-size=standard] #app .case-file-content .reading-pause-label{font-size:10px;line-height:1.1;margin-bottom:2px}
}
/* Notes occupy their actual table rows; completed matches never cross lines. */
.evidence-table{display:grid;gap:8px;min-width:0}
.evidence-row{display:grid;grid-template-columns:minmax(80px,.7fr) minmax(0,1.5fr);gap:8px;min-width:0;align-items:stretch}
.fieldwork .evidence-row button{text-align:left;white-space:normal;overflow-wrap:anywhere;height:auto;min-width:0;font-size:13px;line-height:1.35;padding:9px 10px}
.fieldwork .evidence-note{touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;background:#fff7df;border-color:#d8c7a2}
.fieldwork .evidence-row.is-selected .evidence-note{background:#e3d8ff;border-color:#7259bb;outline:2px solid #7259bb;outline-offset:1px}
.fieldwork .evidence-row.is-matched button{opacity:1;background:#eff7e9;border-color:#8ca777;color:#304d2d;cursor:default}
.evidence-row.is-drop-target{outline:3px dashed #7259bb;outline-offset:2px;border-radius:12px}
.evidence-drag-ghost{position:fixed;z-index:100010;pointer-events:none;box-sizing:border-box;padding:10px;border:2px solid #7259bb;border-radius:12px;background:#fff7df;color:#30436b;box-shadow:0 8px 22px #19213d44;font:800 13px/1.35 Nunito,system-ui;white-space:normal;overflow-wrap:anywhere;opacity:.95}
.scratch-evidence{position:relative;min-height:88px;border:2px solid #b79d60;border-radius:14px;background:#fff9e9;box-sizing:border-box}
.scratch-copy{padding:14px;min-height:88px;box-sizing:border-box;overflow-wrap:anywhere}
/* The canvas conceals the visible text; aria-hidden only gates screen readers. */
.fieldwork .scratch-copy h2{font-size:15px;margin:0 0 7px;line-height:1.3}
.fieldwork .scratch-copy p{margin:0;line-height:1.45}
.scratch-evidence canvas{position:absolute;inset:0;width:100%;height:100%;border-radius:12px;touch-action:none;cursor:crosshair}
.scratch-open .scratch-evidence{border-color:#8ca777}
.scratch-open canvas{display:none}
.scratch-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}
.scratch-actions [hidden]{display:none!important}
.scratch-actions [data-scratch-count]{font-size:12px;font-weight:800}
@media(max-width:700px){
 .evidence-table{gap:5px}.evidence-row{gap:6px}
 #app .case-file-content .evidence-row button{font-size:12px;line-height:1.25;padding:6px;min-height:44px}
 #app .case-file-content .fieldwork-connect .fieldwork-instruction{min-height:30px;margin:3px 0 7px;line-height:1.25}
 #app .case-file-content .scratch-copy{padding:12px;min-height:88px}
 #app .case-file-content .scratch-copy p{margin:0;font-size:14px;line-height:1.4}
 #app .case-file-content .scratch-copy h2{font-size:14px;margin:0 0 6px}
 #app .case-file-content .scratch-actions button{font-size:12px;padding:7px 10px;min-height:44px}
}
html:is([data-tell-theme=contrast],[data-tell-theme=cream]) :is(.scratch-evidence,.evidence-row button,.evidence-drag-ghost){background:var(--tell-surface);color:var(--tell-ink);border-color:var(--tell-edge)}

@media(max-width:700px){
 #app .case-file-content .evidence-row{grid-template-columns:minmax(80px,.6fr) minmax(0,1.6fr)}
 #app .case-file-content .fieldwork-connect .fieldwork-instruction{min-height:16px}
}
/* The progress bar already announces reading time; free the extra caption row
   on short phones, while retaining visible connection/timer errors. */
@media(max-width:700px) and (max-height:720px){
 html[data-tell-text-size=standard] #app .case-file-content #reading-pause:has(.reading-retry[hidden]) .reading-pause-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
}

.evidence-row{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}
@media(max-width:700px){#app .case-file-content .evidence-row{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}}

.fieldwork .evidence-heading{touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}
.evidence-drag-ghost.is-purple{background:#f1ebff}
.fieldwork .evidence-row.is-selected[data-selected-side=left] .evidence-note{outline:none;background:#fff7df;border-color:#d8c7a2}
.fieldwork .evidence-row.is-selected[data-selected-side=left] .evidence-heading{outline:2px solid #7259bb;outline-offset:1px;background:#e3d8ff;border-color:#7259bb}

@media(pointer:coarse){
 #app,.tell-entry-header{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
 #app :is(input,textarea,[contenteditable=true]),#tell-reading-dialog{user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}
}