/* An open folio: two sketches, the oil, then an argument with its source beside it. */
.investigation-intro{padding-top:42px;padding-bottom:32px}
.investigation-title{display:grid;grid-template-columns:1.35fr 1fr;gap:70px;align-items:end}
.investigation-title h1{font-size:clamp(38px,3.8vw,54px);line-height:1.06}
.investigation-title .deck{font-size:20px;line-height:1.35;margin-bottom:12px}
.text-link{font-size:14px;font-weight:600}
.works{display:grid;grid-template-columns:1fr 1fr 1.65fr;gap:22px;border-top:2px solid var(--ink);padding-top:22px}
.work{margin:0;min-width:0}
.work-image{display:flex;align-items:center;justify-content:center;position:relative;min-height:120px;height:265px;background:var(--paper-2);text-decoration:none;overflow:hidden}
.work-image img{width:100%;height:100%;object-fit:contain}
.work-image img[hidden]{display:none}
.sketch-work .work-image{background:#e2ded3}
.finished-work .work-image{background:var(--ink)}
.work-image:hover{outline:1px solid var(--red);outline-offset:4px}
.image-fallback{padding:24px;color:var(--ink);text-decoration:underline}
.finished-work .image-fallback{color:var(--paper)}
.work figcaption{display:flex;gap:12px;padding-top:14px}
.work-number{font-family:var(--serif);font-size:22px;color:var(--red);min-width:20px;line-height:1.1}
.work h3{font-size:22px;line-height:1.16;margin-bottom:7px}
.work figcaption p{font-size:13px;color:var(--ink-2);line-height:1.4;margin-bottom:6px}
.image-credit{font-size:12px;color:var(--ink-3);margin:0;border:0;padding:0}
.image-credit summary{font-size:12px;font-weight:400;padding:4px 0;min-height:28px}
.image-credit p{padding-top:6px}
.sequence-caption{display:grid;grid-template-columns:1.25fr 1fr;gap:60px;padding:22px 0 30px;border-bottom:var(--rule);margin-top:22px;align-items:center}
.sequence-caption p{margin:0;font-size:15px;max-width:66ch}
.sequence-caption .small{font-size:13px}
.sequence-caption .eyebrow{font-size:11px}
.reading-section{padding-top:42px;scroll-margin-top:22px}
.reading-intro{display:grid;grid-template-columns:1fr 1.15fr;gap:72px;align-items:end;margin-bottom:25px}
.reading-intro h2{font-size:32px}
.reading-intro>p{max-width:56ch;color:var(--ink-2);font-size:16px}
.reading-desk{display:grid;grid-template-columns:1fr 1.15fr;gap:58px;align-items:start}
.reading-link{display:flex;gap:18px;padding:21px 14px 21px 0;border-top:var(--rule);text-decoration:none;position:relative}
.reading-number{font:400 28px/1 var(--serif);min-width:33px;padding-top:2px;color:var(--red)}
.reading-role{display:block;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px;color:var(--ink-2)}
.reading-sentence{display:block;font-family:var(--serif);font-size:24px;line-height:1.2}
.reading-action{display:block;font-size:13px;font-weight:600;margin-top:11px;color:var(--red-ink)}
.reading-link:hover .reading-sentence{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.reading-link[aria-current=true]{padding-left:14px;background:var(--paper-2);box-shadow:inset 3px 0 var(--red)}
.reading-link.is-set-aside .reading-state{display:block;padding-top:8px;font-size:12px;color:var(--ink-2);font-style:italic}
.reading-link.is-set-aside .reading-number{color:var(--ink-3)}
.reading-exercise{margin-top:28px;padding-top:23px;border-top:2px solid var(--ink)}
.reading-exercise h3{font-size:24px;margin-bottom:12px;max-width:26ch}
.reading-exercise fieldset{border:0;padding:0;margin:16px 0 8px}
.reading-exercise legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.premise-option{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.4;padding:10px 0;cursor:pointer}
.premise-option input{width:18px;height:18px;flex:0 0 18px;margin:1px 0 0;accent-color:var(--red)}
.reset-reading{font:600 13px var(--sans);color:var(--red);background:none;border:0;border-bottom:1px solid currentColor;padding:8px 0;cursor:pointer}
.reset-reading:disabled{color:var(--ink-3);cursor:default;border-color:transparent}
#exercise-status{font-size:13px;margin:12px 0 0;color:var(--ink-2);min-height:3em}
.evidence-desk{min-width:0}
.investigation-enhanced .evidence-desk{position:sticky;top:20px}
.evidence-panel{padding:24px 26px 22px;background:var(--paper-2);border-top:2px solid var(--ink);margin-bottom:28px;scroll-margin-top:22px}
.evidence-panel[hidden],.reading-exercise[hidden],.image-fallback[hidden],.scenario-note[hidden]{display:none}
.evidence-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:15px}
.evidence-heading .eyebrow{margin:0;font-size:10px}
.permalink{font-size:11px;text-align:right;flex-shrink:0}
.evidence-panel h3{font-size:28px;margin-bottom:14px}
.evidence-explanation{font-size:15px;line-height:1.5;color:var(--ink-2)}
.evidence-excerpt{margin-top:22px;padding-top:18px;border-top:1px solid var(--paper-3)}
.evidence-excerpt .eyebrow{font-size:10px;margin-bottom:12px}
.evidence-excerpt blockquote{font:400 17px/1.5 var(--serif);margin:0}
.evidence-excerpt mark{background:#d3c8a8;color:var(--ink);box-shadow:3px 0 #d3c8a8,-3px 0 #d3c8a8}
.source-citation{font-size:12px;line-height:1.45;color:var(--ink-2);margin:14px 0 0}
.source-citation a{display:inline-block;margin-top:7px;font-weight:600}
.source-context{font-size:12px;margin-top:14px;border:0;padding:0}
.source-context summary{cursor:pointer;font-size:12px;font-weight:600;padding:8px 0}
.source-context blockquote{font-size:15px;margin-top:12px}
.evidence-dependencies{font-size:13px;color:var(--ink-2);border-top:1px solid var(--paper-3);margin-top:20px;padding-top:17px}
.evidence-dependencies strong{font-weight:600;color:var(--ink)}
.scenario-note{border-left:3px solid var(--red);padding:10px 14px;margin:16px 0;background:var(--paper);font-size:14px}
.investigation-conclusion{display:grid;grid-template-columns:1fr 1.15fr;gap:58px;padding-top:32px;margin-top:44px;border-top:2px solid var(--ink)}
.investigation-conclusion h2{font-size:31px}
.investigation-conclusion>div>p{font-size:16px;max-width:59ch}
.investigation-notes{margin-top:36px}
.investigation-notes>details{border-top:var(--rule-soft);padding:16px 0;font-size:14px}
.investigation-notes>details>summary{font-weight:600;cursor:pointer;font-size:15px}
.investigation-notes>details>p{max-width:88ch;margin-top:18px}
.date-evidence{list-style:none;padding:0;margin:20px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;font-size:12px}
.date-evidence blockquote{font:400 20px/1.3 var(--serif);margin:12px 0}
@media(min-width:1500px){.work-image{height:290px}}
@media(max-width:1100px){.investigation-title{gap:30px}.work-image{height:215px}.works{gap:18px}.work h3{font-size:20px}.reading-desk,.reading-intro,.investigation-conclusion{gap:30px}.reading-sentence{font-size:22px}.evidence-panel{padding:20px}.reading-link{gap:12px}.reading-number{min-width:28px}}
@media(max-width:760px){.investigation-title,.reading-intro,.reading-desk,.sequence-caption,.investigation-conclusion{grid-template-columns:1fr;gap:24px}.investigation-title h1{font-size:39px}.investigation-intro{padding-top:30px}.works{grid-template-columns:1fr 1fr;gap:24px 16px}.finished-work{grid-column:1/-1}.work-image{height:210px}.finished-work .work-image{height:auto;aspect-ratio:1.5}.reading-desk{gap:28px}.reading-intro h2{font-size:30px}.investigation-enhanced .evidence-desk{position:static}.reading-link{padding-top:18px;padding-bottom:18px}.reading-exercise{margin-top:18px}.reading-sentence{font-size:23px}.date-evidence{grid-template-columns:1fr}.evidence-heading{flex-wrap:wrap}.sequence-caption{gap:16px}.investigation-conclusion{margin-top:26px}.evidence-panel{padding:22px}.investigation-title .deck{font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.investigation-intro{padding-top:0}.reading-exercise,.reading-action,.permalink{display:none!important}.evidence-panel[hidden]{display:block!important}.evidence-desk{position:static!important}.works{grid-template-columns:1fr 1fr 1.5fr}.work-image{height:160px}.reading-desk{display:block}.reading-controls nav{display:none}.evidence-panel{background:white;border-top:1px solid black;break-inside:avoid}.evidence-excerpt mark{background:#eee}.investigation-notes details::details-content{display:block!important;content-visibility:visible!important}.investigation-conclusion{display:block}.investigation-title h1{font-size:34px}.scenario-note:not([hidden])::before{content:'Reading exercise — ';font-weight:600}.image-credit{display:none}.sequence-caption{display:block}.investigation-notes{margin-top:20px}}
