:root{--ink:#173e49;--paper:#fffdf7;--plum:#66508c;--gold:#f3cc62}html{scroll-padding-top:20px}.learn{max-width:1200px;padding-top:38px}section{scroll-margin-top:20px}.case-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:38px;align-items:center;margin:12px 0 24px}.case-hero img{width:100%;height:auto;border-radius:10px}.case-hero h1{font-size:clamp(2.3rem,4.6vw,3.55rem)}.case-hero .lead{max-width:38ch}.comic-task{margin-bottom:30px}.route{padding-left:26px;display:grid;gap:14px}.route li span{display:block}.case-reading{padding:36px 0;border-top:3px solid var(--ink);margin:42px 0}.case-reading>h2{font-size:2rem;max-width:30ch}.reading-clock{display:flex;align-items:center;flex-wrap:wrap;gap:12px;background:#e6f2f0;padding:18px 22px;margin:24px 0}.reading-clock [data-time]{font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:700;margin-left:auto}.reading-clock p{width:100%;font-size:.9rem;margin:0}.reading-clock [role=status]{font-size:.85rem}.reading-text{max-width:72ch;background:var(--paper);padding:26px 32px;border-left:4px solid var(--gold);line-height:1.8;font-size:1.1rem}.reading-text p{position:relative;padding-left:25px;margin-bottom:1.1em}.para-no{position:absolute;left:-5px;color:#52737b;font-size:.7em;top:.25em}.reread{max-width:72ch;padding:20px 28px;background:#f7eed8;border-left:4px solid var(--gold)}.tasks{margin:24px 0;padding:26px;background:white;border:1px solid #acc7c9}.tasks>h3{font-size:1.3rem}.one-word{margin:18px 0 28px}.one-word label{display:block;font-weight:700;margin-bottom:8px}.one-word>div{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.one-word input{width:15ch;max-width:100%;border:2px solid #56828b;border-radius:5px;padding:8px 12px;color:var(--ink)}.one-word p{margin:8px 0;font-size:.9rem}.one-word .feedback{padding:10px}.screen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.screen-task{border-top:4px solid var(--plum);background:#f4f2f9;padding:18px}.screen-task select{display:block;max-width:100%;margin:8px 0 14px}.text-screen{font-size:2rem;font-family:monospace;margin:12px 0 24px;background:white;padding:20px 8px;text-align:center}.cursor{color:#a1420c;font-weight:bold}mark{background:#c9dffc;color:#173e49;padding:2px}.message-evidence{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;margin:20px 0}.message-evidence>div{padding:18px 22px;background:#f3f6f7}.message-evidence span{font-size:.85rem}.message-evidence p{font-size:1.2rem;margin-top:15px}.message-evidence .big-letter{font-size:2.2rem}.message-evidence .cursor{font-size:inherit}#reconstruct{margin:30px 0}#reconstruct label{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #d0dddf}#reconstruct select{max-width:13ch}.partner-case{padding:22px;background:#edf5f5}details{margin:20px 0}summary{cursor:pointer;font-weight:bold;padding:14px 4px;color:#274a55}details[open]>summary{margin-bottom:12px}select{padding:8px;border:1px solid #66838c;border-radius:5px;background:white;color:var(--ink)}.logic-case{margin:28px 0;padding:26px;background:white;border-top:5px solid var(--plum)}.logic-case ol{padding-left:24px}.logic-case li{margin:9px 0}.logic-table-wrap{overflow:auto}.logic-table{border-collapse:collapse;width:100%;min-width:490px;margin:22px 0}.logic-table th,.logic-table td{border:1px solid #b2c7cb;padding:12px;text-align:left}.logic-table th{background:#edf5f5}.logic-table select{width:100%;min-width:120px}.logic-actions{display:flex;gap:10px;flex-wrap:wrap}.logic-notes{font-size:.9rem}.logic-case textarea{min-height:65px}.logic-grid-button{min-width:42px;padding:6px}#extra>.tile{margin-top:20px}#extra{border-top:3px solid var(--ink);padding-top:35px}.evidence-options{display:flex;gap:10px;flex-wrap:wrap}.reading-clock button{background:white}
@media(max-width:760px){.case-hero{grid-template-columns:1fr;gap:18px}.case-hero img{max-width:520px}.reading-text{padding:20px 15px;font-size:1rem}.reading-text p{padding-left:20px}.tasks{padding:16px}.screen-grid,.message-evidence{grid-template-columns:1fr}.case-reading>h2{font-size:1.6rem}.logic-case{padding:18px 12px}.reading-clock{padding:15px}.reading-clock [data-time]{margin-left:0}#reconstruct label{align-items:flex-start;font-size:.95rem}header{padding:15px 20px}}
@media print{header,.reading-clock button,.tasks button,.logic-actions{display:none!important}main.learn{display:block!important}body{background:white}.case-hero{display:block}.case-hero img{max-width:300px}.reading-text,.reread{max-width:none}.case-reading{break-before:page}.reading-clock{display:block}.tasks{break-inside:avoid}}