/* Shared by all activities; clue content is moved, never cloned. Reading size is preserved; chrome is compact. */
.study-layout main{max-width:1280px;margin:0 auto;padding:12px 22px 32px}
.study-layout header{max-width:1280px;height:auto;min-height:64px;padding:8px 22px}
.study-layout .heading,.study-layout .case-heading,.study-layout .titlebar{margin:12px 0 16px;gap:12px}
.study-layout h1{font-size:28px}.study-layout .heading .host{--corgi-size:64px}
.study-layout .subtitle{margin-top:5px;font-size:15px}.study-layout nav:has(.activity-menu){margin-bottom:12px}
.study-layout .study-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;position:sticky;top:0;z-index:7;background:#f8f6ef;border:1px solid #dedfdc;border-radius:12px;padding:7px 12px;margin:0 0 12px;min-height:58px}
.study-layout .study-caption{font-size:18px;font-weight:800;color:#304a76;line-height:1.5}
.study-layout .study-toolbar button,.study-layout .study-sheet-head button{min-height:44px;padding:8px 13px;border:1px solid #bccdce;border-radius:9px;font-family:inherit;font-size:14px;font-weight:700;line-height:1.5;color:#304a76;background:white}
.study-layout .study-open{display:none}
.study-layout .study-board{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:18px;align-items:start}
.study-layout .study-reference{position:sticky;top:78px;max-height:calc(100dvh - 94px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable;min-width:0;scroll-margin-top:80px}
.study-layout .study-answer{min-width:0;scroll-margin-top:80px}
.study-layout .study-board>.panel,.study-layout .study-answer.investigation{padding:20px}
.study-layout .study-reference h2,.study-layout .study-answer h2{font-size:22px;line-height:1.5;margin:0 0 10px}
.study-layout .panel p,.study-layout .source{line-height:1.75}
.study-layout .study-reference .round{margin:0 0 8px}
.study-layout .source{padding:12px;line-height:1.75;font-size:16px}
.study-layout .source[aria-pressed=true]{padding:11px}
.study-layout .study-art{margin:0 0 12px;border-bottom:1px solid #e5e5df}
.study-layout .study-art summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px;font-size:14px;color:#596e71}
.study-layout .study-art summary:before{content:'▸';font-size:16px}.study-layout .study-art[open] summary:before{content:'▾'}
.study-layout .study-art .story-scene{max-height:180px;object-fit:contain;margin-bottom:10px}
.study-layout .step-guide{gap:5px;padding:10px 14px;margin-bottom:14px}
.study-layout .paper{padding:16px}.study-layout .paper:before{margin-top:-23px;margin-bottom:12px}
.study-layout .paper p{margin:10px 0}.study-layout .gap{min-height:66px;padding:12px;margin-bottom:6px}
.study-layout .next-action{margin:10px 0;padding:9px 12px!important}
.study-layout .actions{margin-top:14px}.study-layout .feedback{margin-top:12px;padding:12px 14px}
.study-layout .story-opening,.study-layout .story-preview{margin-bottom:12px}
.study-layout .story-opening summary,.study-layout .story-preview summary{min-height:48px;padding:6px 12px}
.study-layout .story-opening summary img,.study-layout .story-preview summary img{height:38px;width:57px}
.study-layout .story-opening summary small{display:none}
.study-layout .study-sheet:not([open]){display:none}
.study-layout .study-sheet{padding:0;width:min(680px,calc(100% - 16px));max-width:none;max-height:none;height:min(86dvh,900px);margin:auto auto 8px;border:1px solid #ccd6dd;border-radius:20px;overflow:hidden;color:#283c5b;background:#fff;box-shadow:0 15px 60px #19334940}
.study-layout .study-sheet[open]{display:flex;flex-direction:column}
.study-layout .study-sheet::backdrop{background:#162d4366}
.study-layout .study-sheet-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #e3e8ea;background:#f5f8f8;flex:none}
.study-layout .study-sheet-head h2{font-size:17px;margin:0;line-height:1.4}
.study-layout .study-sheet-body{display:flex;min-height:0;flex:1;overflow:hidden}
.study-layout .study-sheet .study-reference{position:static;max-height:none;height:100%;width:100%;overflow-y:auto;border:0;border-radius:0;padding:18px;box-shadow:none;scrollbar-gutter:auto}
.study-sheet-open{overflow:hidden}
.study-layout.study-focus main>nav,.study-layout.study-focus main>.case-heading,.study-layout.study-focus main>.heading,.study-layout.study-focus #game>.titlebar,.study-layout.study-focus #game>.mission,.study-layout.study-focus .story-opening,.study-layout.study-focus .story-preview,.study-layout.study-focus #play>.step-guide{display:none}
.study-layout.study-focus .heading{display:none}
.study-layout.study-focus .guardian-entry{display:none}
/* Grass: keep the actual visual evidence, with the notebook immediately below. */
.study-wet-grass .scene>img{height:auto;max-height:250px;object-fit:contain;background:#eef3e8}
.study-wet-grass .scene figcaption{padding:10px 16px;gap:4px}
.study-wet-grass .scene figcaption span:last-child{font-size:18px}
.study-wet-grass .scene-zoom-button{align-self:flex-start;padding:6px 10px;min-height:44px;background:#fffef7;color:#304a76;border:1px solid #dadfce;border-radius:8px;font:inherit;font-size:14px;order:2}
.study-wet-grass #scene-zoom{width:min(1080px,calc(100% - 20px));padding:12px;max-height:94dvh}
.study-wet-grass #scene-zoom img{display:block;width:100%;height:auto;max-height:calc(90dvh - 65px);object-fit:contain}
.study-wet-grass #scene-zoom-close{min-height:44px;padding:8px 14px;border:1px solid #ccd5ce;border-radius:8px;background:#fff}
.study-wet-grass .transfer-scene{display:block}
.study-wet-grass .transfer-scene .scene,.study-wet-grass .transfer-scene .notebook{display:none}
.study-wet-grass .new-scene-reference{padding:20px;border:1px solid #dce5dc;border-radius:16px;background:white;font-size:17px;line-height:1.9}
.study-wet-grass .notebook{padding:16px;margin-top:12px}
.study-wet-grass .notebook ol{margin-top:12px}.study-wet-grass .notebook li{margin-bottom:10px}
.study-wet-grass .notebook-hint{display:none}.study-wet-grass .notebook li p{font-size:16px;line-height:1.75}
.study-wet-grass .stage-portrait{--corgi-size:56px;margin-top:5px}
.study-wet-grass .investigation h2{min-height:0;margin-top:14px}
.study-wet-grass .investigation .intro{min-height:0;margin-bottom:14px}
.study-wet-grass .choice{min-height:52px;padding:11px 13px;font-size:16px}
.study-wet-grass .study-board.is-complete{display:block}
.study-wet-grass .study-board.is-complete .scene-column{display:none}
/* Working models remain large enough to touch without pushing the controls away. */
.study-delivery-robot .robot-grid{margin:12px 0;max-width:390px;margin-inline:auto}
.study-delivery-robot .map-cell{min-height:62px}
.study-delivery-robot .robot-status{padding:10px 12px;font-size:14px}
.study-delivery-robot .run-log{max-height:none;overflow:visible}
.study-delivery-robot .map-step-title{margin:12px 0 6px}
.study-festival-seats .festival{padding:16px 12px}.study-festival-seats .rules{margin:8px 0}
.study-bridge .study-board>.model-panel{padding:0}
.study-bridge .diagram svg{height:auto;max-height:290px}
.study-bridge .controls fieldset{margin-top:12px}
.study-bridge .controls .prediction{margin-top:12px}
.study-bridge .notebook{margin-top:20px}
@media(min-width:900px){
 .study-layout .study-reference .next-action:has(>a:only-child){display:none}
 .study-layout .study-reference .next-action a{display:none}
 .study-layout .study-answer .next-action a{display:none}
 .study-torn-note #play>.step-guide{grid-template-columns:repeat(3,minmax(0,1fr));font-size:13px}
}
@media(max-width:899px){
 .study-layout main{max-width:none;padding:12px 14px 28px}
 .study-layout header{padding:8px 14px}
 .study-layout .study-board{display:block}
 .study-layout .study-caption{display:block;flex-basis:100%;font-size:17px}
 .study-layout .study-open{display:block;background:#eaf2f5!important;border-color:#a8bdcc!important}
 .study-layout .study-toolbar{padding:7px 9px;gap:7px;flex-wrap:wrap}
 .study-layout .study-toolbar button{font-size:13px;padding:8px 10px}
 .study-layout .study-board>.panel,.study-layout .study-answer.investigation{padding:18px}
 .study-layout .study-sheet .study-reference{display:block}
 .study-layout .study-reference .next-action{margin-bottom:0}
 .study-layout .study-sheet .study-art{margin-bottom:8px}
 .study-bridge .diagram svg{height:auto;max-height:300px}
 .study-bridge .diagram text{font-size:14px}
 .study-bridge .controls button{scroll-margin-top:85px}
 .study-wet-grass .notebook.is-empty{display:block}
 .study-wet-grass .scene>img{max-height:280px}
 .study-layout .study-sheet-head button{font-size:13px;max-width:58%}
 .study-layout .study-answer{scroll-margin-top:120px}
}
@media(max-width:370px){.study-layout h1{font-size:24px}.study-layout .study-toolbar button{font-size:12px;padding:8px}.study-layout .study-sheet-head{padding:10px}.study-layout .study-sheet-head h2{font-size:16px}.study-layout .study-board>.panel{padding:15px}}
@media(max-height:540px){.study-layout .study-reference{max-height:none;position:static}.study-layout .study-sheet{height:94dvh}.study-layout .study-sheet .study-reference{height:100%;max-height:none}}

/* Cookie scene and collection notebook share the reading layout. */
.study-cookies .scene>img{height:auto;max-height:250px;object-fit:contain;background:#eef3e8}
.study-cookies .scene figcaption{padding:10px 16px;gap:4px}
.study-cookies .scene figcaption span:last-child{font-size:18px}
.study-cookies .notebook{padding:16px;margin-top:12px}
.study-cookies .notebook ol{margin-top:12px}.study-cookies .notebook li{margin-bottom:10px}
.study-cookies .notebook-hint{display:none}.study-cookies .notebook li p{font-size:16px;line-height:1.75}
.study-cookies .investigation h2{min-height:0;margin-top:14px}
.study-cookies .investigation .intro{min-height:0;margin-bottom:14px}
.study-cookies .choice{min-height:52px;padding:11px 13px;font-size:16px}
.study-cookies .study-board.is-complete{display:block}
.study-cookies .study-board.is-complete .scene-column{display:none}
.study-cookies .study-board.is-complete{display:block}.study-cookies .study-board.is-complete .scene-column{display:none}
.study-layout button,.study-layout select{touch-action:manipulation}.study-layout .study-answer,.study-layout .study-reference{overflow-wrap:anywhere}

/* Cookie final question has its own evidence; the first case must not carry over. */
.study-cookies .transfer-scene{display:block}
.study-cookies .transfer-scene .scene,.study-cookies .transfer-scene .notebook{display:none}
.study-cookies .new-scene-reference{padding:20px;border:1px solid #dce5dc;border-radius:16px;background:white;font-size:17px;line-height:1.9}
.study-cookies .scene-zoom-button{align-self:flex-start;padding:6px 10px;min-height:44px;background:#fffef7;color:#304a76;border:1px solid #dadfce;border-radius:8px;font:inherit;font-size:14px}
.scene-full-preview{display:block;max-width:100%;width:100%;height:auto;max-height:75dvh;object-fit:contain}

/* Collected evidence is distinct from blue selection and green/amber answer feedback. */
.study-layout .clue-confirmed{
 background:#e7f3ef;color:#1e4d47;border:1px solid #9abfb3;
 border-inline-start:4px solid #4b887b;border-radius:12px;
 padding:12px 14px;box-shadow:none;overflow-wrap:anywhere;
}
.study-layout li.clue-confirmed{margin-block:10px;}
.study-layout button.clue-confirmed{display:block;text-align:start;}
.study-layout .clue-confirmed:disabled{opacity:1;}
.study-layout .clue-confirmed :is(p,small,strong,h3,figcaption,.note-type,.tag){color:#1e4d47;}
.study-layout .clue-confirmed .clue-status{
 display:flex;align-items:center;gap:6px;width:fit-content;max-width:100%;
 margin:0 0 8px;padding:0;background:transparent;color:#1e4d47;
 font-size:13px;line-height:1.5;font-weight:750;letter-spacing:0;
}
.study-layout .clue-status-icon{
 display:inline-grid;place-items:center;flex:0 0 20px;width:20px;height:20px;
 border:1px solid #4b887b;border-radius:50%;background:#d5eae2;color:#1e4d47;
 font-size:13px;line-height:1;
}
.study-layout button.clue-confirmed[aria-pressed=true]{outline:2px solid #416799;outline-offset:2px;}
.study-layout .clue-selection{display:block;margin-top:8px;color:#304a76;font-size:12px;font-weight:700;}
.study-layout .clue-confirmed:focus-visible{outline:3px solid #416799;outline-offset:3px;}
@media(max-width:420px){.study-layout .clue-confirmed{padding:10px 11px;}.study-layout .clue-confirmed .clue-status{font-size:12px;}}

/* Keep observation labels readable instead of stacking one character per line. */
.study-layout .clue-status{word-break:keep-all;}
@media(max-width:600px){
 .study-parcel-turn .turn-record{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
 .study-creature-book .creature-archive{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:380px){
 .study-creature-book .creature-archive{grid-template-columns:1fr;}
}

/* Comparison selection stays blue, including the original supplied record. */
.study-bridge button.record[aria-pressed=true]{outline:2px solid #416799;outline-offset:2px;}
.study-bridge button.record:not(.clue-confirmed)[aria-pressed=true]{background:#eef3fb;color:#304a76;}

/* Keep labels and outcomes as readable as the new record text. Held/fell stay explicit words. */
.study-layout .clue-confirmed :is(dt,dd,.record-num,.outcome){color:#1e4d47;}

/* The host remains visible in focus mode, within the existing title strip. */
.study-layout .study-caption{display:flex;align-items:center;gap:8px;min-width:0}
.study-layout .study-caption .study-guide{--corgi-size:46px;flex:0 0 46px;pointer-events:none;border-radius:8px}
@media(max-width:899px){.study-layout .study-caption{display:flex}.study-layout .study-caption .study-guide{--corgi-size:36px;flex-basis:36px}}