:root{color-scheme:dark;--bg:#101619;--panel:#182024;--text:#eef2f2;--muted:#b9c5c9;--line:#415158;--accent:#a1e2d3;--warm:#e8c38f;font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.55}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}header{display:flex;justify-content:space-between;align-items:center;padding:18px 4vw;border-bottom:1px solid var(--line);gap:20px}header div{display:flex;gap:24px;align-items:center}header strong{font-size:1.16rem}header span,header p{color:var(--muted);margin:0}main{max-width:1280px;margin:auto;padding:32px 32px 24px}h1,h2,h3{line-height:1.2;font-weight:650}h1{font-size:clamp(1.55rem,3vw,2.25rem);margin:0 0 14px}h2{font-size:1.7rem;margin:0 0 16px}h3{font-size:1.15rem;margin:18px 0 10px}p{margin:0 0 16px;max-width:76ch}a{color:var(--accent);text-underline-offset:4px}button,select,input,textarea{font:inherit}button,select,input[type=file]{min-height:44px}button{border:1px solid #60757e;border-radius:4px;background:#243238;color:var(--text);padding:10px 16px;cursor:pointer}button:hover{background:#32474f}button.primary{background:var(--accent);border-color:var(--accent);color:#101b19;font-weight:bold}button:disabled{opacity:.48;cursor:default}button.link{padding:0;border:0;background:none;min-height:44px;color:var(--accent);text-decoration:underline;text-underline-offset:4px}button[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 -3px var(--accent)}:is(button,a,select,textarea,input,summary):focus-visible{outline:3px solid var(--warm);outline-offset:4px}h2:focus{outline:none}h2:focus-visible{text-decoration:underline;text-decoration-color:var(--warm);text-underline-offset:7px}select,input,textarea{width:100%;background:#10191d;color:var(--text);border:1px solid #70828a;border-radius:3px;padding:10px}textarea{font-weight:400;resize:vertical;min-height:100px;line-height:1.5}label{display:block;font-weight:bold}label small{display:block;font-weight:normal;color:var(--muted);margin:4px 0 7px}select{margin-top:5px}input[type=checkbox]{width:22px;height:22px;vertical-align:middle;margin-right:10px;accent-color:var(--accent)}input[type=file]{padding:6px;max-width:100%}.page-heading{display:flex;justify-content:space-between;gap:30px;align-items:start}.character-switch{min-width:230px;font-size:.9rem}nav{margin:20px 0 30px;border-block:1px solid var(--line)}nav ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0}nav li{flex:1}nav button{width:100%;height:100%;padding:15px 10px;background:transparent;border:0;border-radius:0;font-size:.88rem;white-space:nowrap}nav button[aria-current]{border-bottom:3px solid var(--accent);color:var(--accent)}.muted,small,figcaption{color:var(--muted)}.intro{max-width:80ch}.character-grid,.concept-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.character-choice{padding:0;border:0;text-align:left;background:transparent}.character-choice:hover{background:transparent}.character-choice img{display:block;width:100%;height:350px;object-fit:contain;background:#ece6da}.character-choice strong{display:block;font-size:1.3rem;margin:14px 0 4px;color:var(--accent)}.character-choice span{display:block;color:var(--muted);font-size:1rem}.character-choice:focus-visible{outline-offset:7px}.context{border-left:3px solid var(--accent);padding-left:18px;margin:0 0 22px}.concept figure{margin:0}.concept img{width:100%;height:550px;display:block;object-fit:contain;background:#eee7da}.concept figcaption{font-size:.82rem;margin:10px 0}.concept h3{font-size:1.25rem;margin:0 0 12px}.concept p{font-size:.95rem}.concept .construction{color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:24px 0}.evidence-note{color:var(--warm);max-width:85ch}.references-list{display:grid;gap:28px}.reference{padding:24px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(210px,32%) 1fr;gap:32px}.reference.no-image{grid-template-columns:1fr}.reference img{width:100%;max-height:530px;object-fit:contain;background:#f6f5f1}.reference h3{margin:0 0 12px;font-size:1.4rem}.reference dl{display:grid;grid-template-columns:130px 1fr;gap:5px 16px;margin:0 0 20px}.reference dt{color:var(--muted)}.reference dd{margin:0}.reference .credit{font-size:.82rem;overflow-wrap:anywhere}.reference label{font-weight:normal;display:flex;align-items:center;min-height:44px}.reference label input{flex:0 0 22px}.board-layout{display:grid;grid-template-columns:minmax(300px,.95fr) minmax(320px,1fr);gap:32px}.board-visual{align-self:start;position:sticky;top:16px}.board-image{position:relative;margin-top:18px;background:#eee7da}.board-image img{display:block;width:100%;max-height:680px;object-fit:contain}.board-image img.empty{height:530px}.board-image .pin{position:absolute;left:var(--x);top:var(--y);background:#172622;color:#fff;border:2px solid #fff;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-weight:bold;transform:translate(-50%,-50%)}.board-image .pin:hover{background:#172622}.board-form{display:grid;gap:18px}.annotation-list{margin:14px 0;padding-left:24px}.annotation-list li{padding:6px 0;overflow-wrap:anywhere}.annotation-editor{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.annotation-editor label{margin:12px 0}.annotation-editor input{margin-top:6px}.annotation-actions{display:flex;gap:12px;align-items:center}.annotation-actions button{flex-shrink:0}.file-status{font-size:.88rem;color:var(--warm);margin-top:8px}.sheet{background:#fff;color:#172025;padding:32px;line-height:1.5}.sheet h2{font-size:1.65rem}.sheet h3{font-size:1.05rem;margin:0 0 6px}.sheet .sheet-top{display:grid;grid-template-columns:1fr 1fr;gap:24px}.sheet .board-image{margin:0}.sheet .board-image img{max-height:570px}.sheet .sheet-notes section{break-inside:avoid;margin:0 0 18px}.sheet p,.sheet li{white-space:pre-wrap;overflow-wrap:anywhere}.sheet .sheet-credits{font-size:.8rem;border-top:1px solid #aaa;padding-top:16px;margin-top:24px}.sheet .sheet-credits a{color:#174b42;overflow-wrap:anywhere}.sheet .sheet-credits h3{font-size:1rem}.sheet .empty-note{color:#58656c}.sheet .pin{print-color-adjust:exact;-webkit-print-color-adjust:exact}.sheet .sheet-title{border-bottom:1px solid #aaa;padding-bottom:12px;margin-bottom:22px}.sheet .reference-source{margin-bottom:12px}.sheet button{display:none}#terms{margin-top:30px;border-block:1px solid var(--line);padding:16px 0}summary{cursor:pointer;min-height:44px;padding:8px 0;font-weight:bold}#glossary{display:grid;grid-template-columns:160px 1fr;gap:12px 24px;max-width:950px}#glossary dt{font-weight:bold}#glossary dd{margin:0;color:var(--muted)}footer{margin-top:24px;font-size:.85rem;color:var(--muted)}footer p{max-width:100ch}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{display:block;padding:12px}.caption{font-size:.82rem;color:var(--muted);margin-top:10px}.empty-drawing{background:#f7f4ef;height:530px;display:grid;place-items:center;text-align:center;color:#48545a;padding:30px}.reference-filter{margin-bottom:16px}.sheet-options{margin:18px 0}#view{min-height:400px}[hidden]{display:none!important}@media(max-width:900px){main{padding:26px 22px}.page-heading{display:block}.character-switch{max-width:340px;margin-top:18px}nav button{white-space:normal}nav li{flex:1 0 30%}.concept img{height:460px}.concept-grid{gap:20px}.board-layout{grid-template-columns:minmax(250px,.9fr) minmax(280px,1fr);gap:22px}.board-visual{position:static}.board-image img{max-height:510px}.reference{grid-template-columns:36% 1fr;gap:22px}.reference dl{grid-template-columns:1fr;gap:2px}.reference dd{margin-bottom:7px}.sheet{padding:24px}.sheet .sheet-top{grid-template-columns:44% 1fr;gap:20px}header{padding-inline:22px;font-size:.9rem}}
@media(max-width:620px){header{align-items:start}header div{display:block}header span{display:block}header p{max-width:130px;text-align:right}.character-grid{gap:16px}.character-choice img{height:240px}.character-choice strong{font-size:1.07rem}.concept-grid,.board-layout,.reference{grid-template-columns:1fr}.concept img{height:510px}.reference img{max-height:420px}.reference.no-image{grid-template-columns:1fr}.sheet .sheet-top{grid-template-columns:1fr}.sheet .board-image img{max-height:450px}#glossary{grid-template-columns:1fr;gap:6px}#glossary dd{margin-bottom:12px}main{padding:22px 16px}h2{font-size:1.4rem}.actions>*{max-width:100%}}
@page{size:A4;margin:14mm;background:white}@media print{html,body{background:#fff!important;color:#111!important;color-scheme:light}body>header,body>.skip,.page-heading,nav,#terms,main>footer,#status,.actions,.sheet-options,#view>h2,#view>p{display:none!important}main,#view{margin:0;padding:0;max-width:none}.sheet{padding:0;font-size:10.5pt}.sheet .sheet-top{grid-template-columns:42% 1fr;gap:8mm}.sheet .board-image img{max-height:155mm;width:100%}.sheet .empty-drawing{height:120mm}.sheet p{margin-bottom:3mm}.sheet .sheet-notes section{margin-bottom:4mm}.sheet .sheet-credits{font-size:8pt}.sheet .sheet-credits a{color:#111}.sheet .sheet-title{margin-bottom:6mm}a{color:#111}}

@media print{.long-sheet .sheet-top{display:block}.long-sheet .sheet-top>div:first-child{max-width:85mm;margin:0 auto 8mm}.long-sheet .sheet-notes section{break-inside:auto}.long-sheet .sheet-credits{clear:both}}

/* v0.2: historical investigation, materials and an image-led board. */
.draft-notice{border-left:2px solid var(--accent);padding:8px 16px;margin:12px 0 20px;font-size:.85rem;color:var(--muted)}.draft-notice p{margin:0}.draft-notice summary{font-weight:400;padding-block:4px;min-height:36px}.draft-notice details p{margin-block:8px}header #privacy{margin-left:16px;font-size:.85rem}header>div:last-child{justify-content:end}nav button{white-space:normal;font-size:.84rem}nav{margin-block:16px 26px}.period-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.period-study figure{margin:0}.period-study img{width:100%;height:530px;object-fit:contain;background:#eee8dd}.period-study figcaption{font-size:.8rem;margin-top:10px}.period-study details{border-top:1px solid var(--line);padding-block:5px}.period-study summary{font-size:1rem}.period-study details p{padding:5px 0}.reference{margin-top:22px;grid-template-columns:minmax(270px,48%) 1fr}.reference.no-image{grid-template-columns:1fr;max-width:900px}.enlarge-image{display:block;width:100%;padding:0;background:#f4f2ed;border:0}.enlarge-image:hover{background:#f4f2ed}.reference img{max-height:680px}.image-dialog{width:min(1000px,94vw);height:93dvh;background:var(--panel);color:var(--text);border:1px solid var(--line);padding:20px}.image-dialog::backdrop{background:#000b}.image-dialog>button{float:right}.image-dialog h2{font-size:1.2rem}.image-dialog img{display:block;margin:auto;max-width:100%;height:70dvh;object-fit:contain}.image-dialog p{font-size:.8rem}.cloth-study{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start;margin:26px 0}.cloth-study figure{margin:0}.cloth-study img{width:100%;max-height:370px;object-fit:contain}.cloth-study figcaption{font-size:.8rem}.sample-link{border-block:1px solid var(--line);padding:14px 0}.sample-link h3{margin-top:0}.material-selectors,.material-comparison{display:grid;grid-template-columns:1fr 1fr;gap:30px}.material-comparison{margin-top:15px}.material{border-top:1px solid var(--line);padding-top:10px}.material h3{font-size:1.25rem}.material dl{margin:16px 0}.material dt{font-weight:bold;margin-top:16px}.material dd{margin:3px 0;color:var(--muted)}.making-layers{border-block:1px solid var(--line);margin:20px 0;padding:10px 0}.challenge-brief{font-size:1.18rem;color:var(--warm)}.challenge-responses{display:grid;gap:20px;max-width:850px;margin-top:22px}.board-layout{grid-template-columns:minmax(390px,1.35fr) minmax(300px,1fr)}.board-image img{max-height:850px}.board-form{align-content:start}.optional-decisions{border-top:1px solid var(--line);padding-top:14px}.optional-decisions label{margin-top:16px}.board-visual{position:static}.sheet-challenge{border-top:1px solid #aaa;padding-top:16px;margin-top:22px;break-inside:avoid}.sheet-challenge h3{margin-top:12px}.sheet-challenge p{color:#172025}#reference-choice{font-size:.9rem}footer p{margin-bottom:10px}
@media(max-width:1000px){.board-layout{grid-template-columns:minmax(300px,1.2fr) minmax(260px,1fr);gap:22px}.period-study img{height:440px}.reference{grid-template-columns:43% 1fr}nav li{flex:1 0 23%}header>div:last-child{gap:8px}.cloth-study{gap:22px}header #privacy{margin-left:0}}
@media(max-width:700px){.board-layout,.period-grid,.cloth-study,.material-comparison{grid-template-columns:1fr}.period-study img{height:510px}.material-selectors{gap:14px}.material-selectors label{min-width:0}.reference{grid-template-columns:1fr}header>div:last-child{display:block;text-align:right}.board-image img{max-height:650px}header #privacy{margin-top:8px}.character-choice img{height:310px}nav li{flex:1 0 31%}}
@media print{.draft-notice,.image-dialog{display:none!important}.sheet-challenge{font-size:10.5pt}.sheet-challenge section{break-inside:avoid}.sheet-challenge h3{font-size:10.5pt}}

input{font-weight:400}
@media print{.long-sheet .sheet-challenge,.long-sheet .sheet-challenge section{break-inside:auto}}

/* v0.3a: compact research controls and a reminder beside the existing evidence field. */
.credits-details{margin:12px 0}.credits-details summary{font-size:.88rem;font-weight:400}.visible-credit{overflow-wrap:anywhere}.research-reminder{border-block:1px solid var(--line);padding:8px 0}.research-reminder h3{margin:0 0 4px;font-size:1rem}.research-reminder h3:focus-visible{outline:3px solid var(--warm);outline-offset:4px}.research-reminder ul{margin:0;padding-left:20px}.research-reminder .link{text-align:left;overflow-wrap:anywhere}.research-reminder .caption{display:inline}.research-reminder p{margin:0}.return-board{margin-bottom:12px}
@media screen and (min-width:701px) and (max-width:900px){
 body.research-view main{padding-top:16px}
 body.research-view .page-heading h1{margin-bottom:8px}
 body.research-view .page-heading p{margin-bottom:0}
 body.research-view .character-switch{margin-top:10px}
 body.research-view .draft-notice{margin:8px 0;padding-block:4px}
 body.research-view nav{margin:10px 0 14px}
 body.research-view nav button{padding-block:10px;min-height:44px}
 body.research-view #view-heading{margin-bottom:10px}
 body.research-view .research-navigation{margin:10px 0 12px}
 body.research-view .reference{margin-top:12px;padding-top:12px}
}

/* Sheila's image-led exploration uses the established colours and controls. */
.look-navigation{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 20px}.inspiration-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px;margin:20px 0}.inspiration-gallery figure,.selected-look-sources figure,.section-source-images figure{margin:0;min-width:0}.inspiration-gallery button{display:block;width:100%;padding:0;border:0;background:transparent;text-align:left}.inspiration-gallery button:hover{background:transparent}.inspiration-gallery img{display:block;width:100%;height:380px;object-fit:contain;background:#eee8dd}.inspiration-gallery button span{display:block;font-size:1.1rem;margin:10px 0 6px;color:var(--accent)}.inspiration-gallery figcaption{font-size:.8rem;line-height:1.5}.source-dialog{width:min(1180px,96vw);max-height:94dvh;background:var(--panel);color:var(--text);border:1px solid var(--line);padding:24px}.source-dialog::backdrop{background:#000c}.source-dialog>button{float:right;margin:0 0 16px 20px}.source-dialog h2{font-size:1.35rem;margin-bottom:20px}.source-dialog-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr);gap:24px;clear:both}.source-dialog-layout>img{width:100%;height:65dvh;object-fit:contain;background:#eee8dd}.source-dialog label{font-weight:400;min-height:44px;display:flex;align-items:center;margin-block:15px}.source-dialog label input{flex:0 0 22px}.fabric-photo-slots{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:22px 0 12px}.fabric-photo-slots>div{min-height:160px;border:1px dashed var(--line);padding:20px}.fabric-photo-slots h3{margin:0 0 10px}.fabric-table-wrap{overflow-x:auto}.fabric-table{width:100%;border-collapse:collapse;margin:22px 0}.fabric-table caption{text-align:left;font-weight:bold;padding-bottom:14px}.fabric-table th,.fabric-table td{text-align:left;vertical-align:top;padding:15px;border-bottom:1px solid var(--line);line-height:1.6}.fabric-table th:first-child{width:20%}.fabric-table td{width:40%}.practical-choice{border-top:1px solid var(--line)}.practical-choice p{padding:6px 0 12px}.board-form .look-navigation{margin-top:0}.board-form h3{margin:0}.selected-look-sources{display:flex;gap:14px;flex-wrap:wrap}.selected-look-sources figure{flex:0 1 145px}.selected-look-sources button{width:100%;padding:0;background:transparent;border:0;text-align:left}.selected-look-sources img{width:100%;height:160px;object-fit:contain;background:#eee8dd}.selected-look-sources span{display:block;color:var(--accent);font-size:.9rem;margin-top:7px}.selected-look-sources figcaption{font-size:.75rem}.earlier-notes label{margin-top:18px}.look-summary{border-top:1px solid var(--line);padding-top:16px;margin-top:20px}.look-summary h4{font-size:1rem;margin:16px 0 5px}.look-summary p{white-space:pre-wrap;overflow-wrap:anywhere}.complete-look-sheet{margin-top:24px}.section-source-images{display:flex;gap:16px;flex-wrap:wrap}.section-source-images figure{flex:0 1 160px}.section-source-images img{width:100%;height:150px;object-fit:contain}.section-source-images figcaption{font-size:.75rem;color:#49585e;overflow-wrap:anywhere}.section-source-images a{color:#174b42}#look-section-title:focus-visible{outline:3px solid var(--warm);outline-offset:4px}
@media(max-width:900px){.inspiration-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.inspiration-gallery img{height:350px}.source-dialog-layout{grid-template-columns:1fr}.source-dialog-layout>img{height:48dvh}.source-dialog{padding:18px}.fabric-table th,.fabric-table td{padding:10px}.board-form .look-navigation button{font-size:.9rem;padding-inline:10px}.selected-look-sources figure{flex-basis:110px}}
@media(max-width:620px){.inspiration-gallery img{height:280px}.fabric-photo-slots{gap:12px}.fabric-photo-slots>div{padding:12px}.fabric-table th,.fabric-table td{font-size:.88rem;padding:8px}.look-navigation button{font-size:.9rem}.inspiration-gallery{gap:22px 14px}}
@media print{.source-dialog{display:none!important}.complete-look-sheet .look-summary{border-color:#aaa;break-inside:auto}.complete-look-sheet h2{font-size:15pt}.complete-look-sheet h3{font-size:12pt}.complete-look-sheet h4{font-size:10.5pt;break-after:avoid}.section-source-images figure{break-inside:avoid;flex-basis:38mm}.section-source-images img{height:35mm}.section-source-images figcaption{font-size:8pt}.complete-look-sheet p{white-space:pre-wrap;overflow-wrap:anywhere}}

.sheila-complete .empty-drawing{height:240px}

@media print{.complete-look-sheet .look-summary{break-inside:avoid}}
@media print{.complete-look-sheet>h2,.sheet-credits>h3{break-after:avoid}.sheet .reference-source{break-inside:avoid}}

/* Phase 1A: reused selection and non-Sheila tablet controls */

.choosing nav{display:none}.choosing .character-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.choosing .character-choice strong{margin:0 0 8px}.choosing .character-choice img{height:190px}.choosing .character-choice span{font-size:.8rem;margin-top:8px}.optional-eva{margin-top:28px}.optional-eva .character-choice{max-width:300px}@media(max-width:900px){.choosing .character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.choosing .character-choice img{height:210px}}

.linked-image-note{display:block;min-height:100px;padding:18px;border:1px dashed var(--line);font-size:.95rem;color:var(--muted)}.inspiration-gallery .linked-reference{align-self:start}

.character-other #portrait-drawing-panel>summary,.character-other .portrait-board-actions,.character-other .portrait-return{display:none}.character-other #image-host{position:relative}.character-other .main-image-enlarge{position:absolute;top:8px;right:8px;z-index:2;font-size:.85rem;background:#172025ee}.character-other .satin-activity{margin-top:22px;border-top:1px solid var(--line);padding-top:8px}.character-other .material-introduction{font-size:1.05rem}
@media screen and (max-width:900px){.character-other .board-layout{grid-template-columns:minmax(0,1fr);gap:24px}.character-other .board-form,.character-other .board-visual{min-width:0;width:100%}.character-other .board-form textarea{width:100%;min-height:120px}.character-other .board-form .look-navigation{position:sticky;top:0;z-index:5;background:var(--bg);padding-block:8px;margin-bottom:4px}.character-other #look-section-title{scroll-margin-top:140px}.character-other .portrait-board-actions{display:block;margin:0 0 8px}.character-other .portrait-board-actions button{width:auto;max-width:100%}.character-other #portrait-drawing-panel{border-block:1px solid var(--line);padding:8px 0}.character-other #portrait-drawing-panel>summary{display:list-item}.character-other .portrait-return{display:block;margin:18px 0 8px}.character-other .selected-look-sources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.character-other .selected-look-sources figure{min-width:0}.character-other .selected-look-sources img{height:220px}.character-other .selected-look-sources span{font-size:1rem}.character-other .selected-look-sources figcaption{font-size:.88rem}.character-other .board-visual .board-image img{max-height:600px}
}
@media print{.character-other .portrait-board-actions,.character-other .portrait-return,.character-other .main-image-enlarge{display:none!important}}

/* Public design-sheet print layout */
@media print{.teaching-entry{display:none!important}.sheet h3{break-after:avoid}.sheet .section-source-images{break-before:avoid}.sheet .section-source-images figure{break-inside:avoid}}