.story-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 5vw;border-top:1px solid #faefd530;font-size:12px;color:inherit}.story-footer ol{display:flex;gap:25px;list-style:none;margin:0;padding:0}.story-footer li{opacity:.55}.story-footer li[aria-current]{opacity:1;text-decoration:underline;text-underline-offset:7px}.story-primary{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:17px 25px;background:#f1c86c;color:#173f3a;border:0;text-decoration:none;min-height:54px;font-size:16px;transition:transform .25s,background .25s}.story-primary:hover{background:#faefd5;transform:translateY(-2px)}.story-primary:disabled{opacity:.6;cursor:wait}.story-primary .arrow{flex-shrink:0}.cover-shell .hero-intro{max-width:420px;font-size:21px;line-height:1.6;margin:28px auto 32px}.cover-shell .hero-copy{padding-top:60px;padding-bottom:70px}.cover-shell .print-intro{margin-top:23px}.story-intro{max-width:850px;margin:0 auto;text-align:center}.story-intro h1{font-size:clamp(32px,3.8vw,53px);line-height:1.2}.story-intro>p{margin-top:15px;font-size:17px}.encounter-story{max-width:1300px;padding:25px 6vw 26px;margin:auto}.portrait-story{display:grid;grid-template-columns:1fr 1.15fr;gap:6vw;align-items:center;margin-top:30px}.portrait-story figure{margin:0;background:#faefd5;color:#173f3a;min-width:0}.portrait-story img{display:block;width:100%;height:340px;object-fit:contain}.portrait-story figcaption{font-size:11px;text-align:center;padding:0 12px 12px}.portrait-story article h2{font-size:clamp(38px,4.5vw,64px);line-height:1.1;color:#f1c86c}.story-role{font-size:13px;margin-top:12px;color:#dae3cc}.story-body{font-size:20px;line-height:1.65;max-width:520px;margin:22px 0}.story-source{font-size:13px;margin-bottom:24px}.story-source summary{cursor:pointer;padding:8px 0}.story-source p{line-height:1.6;margin:8px 0;max-width:500px}.women-strip{display:flex;justify-content:center;gap:32px;margin:32px 0 0;border-top:1px solid #faefd53b;padding-top:18px}.women-strip a{font-size:14px;text-decoration:none;padding:10px 0;opacity:.7}.women-strip a[aria-current]{opacity:1;color:#f1c86c;border-bottom:1px solid currentColor}.print-story{max-width:1300px;margin:auto;padding:22px 5vw 35px;text-align:center}.print-story-heading h1{font-size:clamp(36px,4.3vw,60px)}.print-story-heading p{max-width:600px;font-size:19px;line-height:1.6;margin:17px auto 0}.print-story .print-art{height:clamp(300px,47svh,540px);min-height:0;margin:15px 0;position:relative}.print-story .print-art canvas{width:100%;height:100%;display:block}.print-story-action{margin-top:15px}.studio-story{max-width:1260px;padding:22px 5vw 35px;margin:auto}.studio-intro{max-width:900px;margin-bottom:25px}.studio-intro h1{font-size:clamp(36px,4vw,54px)}.studio-intro p{font-size:17px;line-height:1.6;max-width:720px;margin-top:15px}.studio-work{display:grid;grid-template-columns:minmax(0,600px) minmax(230px,280px);gap:5vw;justify-content:center;align-items:start}.studio-paper canvas{display:block;width:100%;aspect-ratio:1;height:auto;background:#f6f1e5;touch-action:none;cursor:crosshair}.studio-paper canvas:focus-visible{outline:3px solid #f1c86c;outline-offset:5px}.studio-paper>p{font-size:13px;line-height:1.5;max-width:520px;margin-top:13px;color:#dae3cc}.studio-tools{padding:10px 0}.studio-tools>p{font-family:var(--serif);font-size:24px;margin-bottom:22px}.studio-tools label{display:block;font-size:13px;margin-bottom:20px}.studio-tools select{display:block;appearance:auto;width:100%;font:inherit;font-size:16px;color:#173f3a;background:#faefd5;padding:12px;border:0;border-radius:0;margin-top:7px;min-height:44px}.studio-tools button{font:inherit;font-size:14px;background:transparent;border:1px solid #faefd580;padding:12px 15px;min-height:44px;color:inherit}.studio-tools button:disabled,.studio-tools select:disabled{opacity:.4;cursor:default}#studio-add{display:flex;align-items:center;justify-content:space-between;width:100%;background:#faefd5;color:#173f3a}#studio-add span{font-size:23px}.studio-extra{margin-top:24px;border-top:1px solid #faefd53b;padding-top:12px}.studio-extra summary{font-size:13px;cursor:pointer;padding:10px 0}.studio-extra label{margin-top:14px}.studio-extra input{width:100%;accent-color:#f1c86c;display:block;margin-top:10px}.studio-extra button{margin:4px 4px 6px 0}.studio-extra p{font-size:12px;line-height:1.6}.studio-next{display:flex;justify-content:flex-end;margin-top:25px}.take-story{padding:20px 5vw 30px;max-width:1400px;margin:auto;text-align:center}.take-heading h1{font-size:clamp(38px,4.8vw,65px)}.take-heading p{font-size:19px;margin:15px 0 0}.take-fabric{height:clamp(320px,52svh,610px);max-width:950px;margin:0 auto}.take-fabric canvas{width:100%;height:100%;display:block}.take-actions>a{display:block;font-size:14px;margin-top:19px}.take-actions>p{font-size:12px;margin-top:16px}.take-actions #take-status:empty{display:none}.take-story .story-primary{background:#173f3a;color:#faefd5}.end-credits{max-width:600px;margin:28px auto 0;font-size:12px;line-height:1.6}.end-credits summary{cursor:pointer;padding:10px}.end-credits p{margin:10px 0}.souvenir-shell .story-footer{border-color:#462f4830}
@media(max-width:700px){.masthead .mast-title{display:none}.story-footer{padding:18px 22px}.story-footer>span:first-child{display:none}.story-footer ol{justify-content:space-between;width:100%;gap:12px;font-size:11px}.cover-shell .hero-intro{font-size:18px;max-width:300px}.cover-shell .hero-copy{padding:48px 0}.encounter-story{padding:18px 24px 25px}.story-intro{text-align:left}.story-intro h1{font-size:31px}.story-intro>p{font-size:15px;line-height:1.5}.portrait-story{grid-template-columns:1fr;gap:22px;margin-top:23px}.portrait-story figure{width:190px;margin:auto}.portrait-story img{height:170px}.portrait-story figcaption{font-size:9px;padding-bottom:8px}.portrait-story article h2{font-size:38px}.story-body{font-size:17px;line-height:1.6;margin:17px 0}.story-primary{font-size:15px;padding:14px 20px}.women-strip{display:grid;grid-template-columns:1fr 1fr;gap:2px 16px;margin-top:23px;padding-top:13px}.women-strip a{font-size:13px}.print-story{padding:18px 22px 25px}.print-story-heading h1{font-size:35px}.print-story-heading p{font-size:16px;line-height:1.55}.print-story .print-art{height:40svh;min-height:260px}.studio-story{padding:18px 22px 27px}.studio-intro h1{font-size:36px}.studio-intro p{font-size:15px;margin-top:12px}.studio-work{grid-template-columns:1fr;gap:13px}.studio-paper canvas{max-width:420px;margin:auto}.studio-paper>p{font-size:12px}.studio-tools{display:grid;grid-template-columns:1fr 1fr;gap:10px 13px;padding:0}.studio-tools>p{grid-column:1/-1;font-size:20px;margin:0}.studio-tools label{margin:0;font-size:12px}.studio-tools label:nth-of-type(3){grid-column:1}.studio-tools select{font-size:14px;padding:10px}.studio-tools #studio-add{align-self:end;font-size:13px;min-height:44px;padding:8px 10px}.studio-extra{grid-column:1/-1;margin-top:4px}.studio-next{margin-top:15px}.studio-next .story-primary{width:100%}.take-story{padding:20px 22px}.take-heading h1{font-size:39px}.take-heading p{font-size:17px;line-height:1.5}.take-fabric{height:42svh;min-height:300px}}
@media(prefers-reduced-motion:reduce){.story-primary{transition:none}.story-primary:hover{transform:none}}

.women-strip a span{display:block;font-size:11px;line-height:1.5;margin-top:5px}.take-heading>p{max-width:720px;margin:16px auto 0;line-height:1.6;font-size:18px}.story-role{color:#f1c86c}.story-body{font-size:19px}.print-story-heading p{max-width:670px}@media(max-width:700px){.story-body{font-size:17px}.take-heading>p{font-size:16px}.women-strip a span{font-size:10px}}

.artist-essay{max-width:560px;padding:6px 0 14px}.artist-essay section{margin-top:20px}.artist-essay h3{font-size:23px;color:#f1c86c}.artist-essay p{font-size:16px;line-height:1.7;margin-top:9px}.reading-source-label{margin-top:24px!important;font-weight:600}@media(max-width:700px){.artist-essay h3{font-size:22px}.artist-essay p{font-size:15px}}

.story-intro>p{max-width:750px;margin:17px auto 0;line-height:1.65}.print-story-heading p{font-size:18px}@media(max-width:700px){.story-intro>p{font-size:15px}.print-story-heading p{font-size:16px}}

/* Short visible scenes, long reading only on request. */
.story-intro>p{max-width:600px}.story-body{max-width:470px;font-size:21px;line-height:1.65;margin:24px 0}.story-source{margin:0 0 28px}.story-source>summary{display:inline-block;min-height:44px;padding:10px 0;border-bottom:1px solid #faefd560}.story-source>summary:before{content:'+';display:inline-block;width:20px}.story-source[open]>summary:before{content:'−'}.story-source>summary::-webkit-details-marker{display:none}.story-source[open]{padding-bottom:20px}.artist-essay section+section{margin-top:28px}.portrait-story{margin-top:35px}.take-heading>p{max-width:620px}.studio-intro p{max-width:630px}.story-footer li{opacity:.8}
@media(max-width:700px){.story-body{font-size:18px;margin:18px 0}.portrait-story{margin-top:25px;gap:20px}.story-source{margin-bottom:22px}.story-intro>p{line-height:1.6}.take-heading>p{max-width:330px}}
.hands-on-print{max-width:1240px;margin:auto;padding:24px 5vw 35px}.print-introduction{text-align:center;margin-bottom:28px}.print-introduction h1{font-size:clamp(36px,4vw,58px)}.print-introduction p{max-width:560px;margin:16px auto 0;font-size:18px;line-height:1.6}.printing-table{display:grid;grid-template-columns:minmax(0,560px) 230px;gap:7vw;justify-content:center;align-items:center}.fabric-surface{padding:10px;background:#e9e2d3;box-shadow:12px 20px 35px #45352b16}#stamp-fabric{display:block;width:100%;height:auto;aspect-ratio:1;touch-action:none;cursor:crosshair}#stamp-fabric:focus-visible{outline:3px solid #3027ad;outline-offset:5px}.block-rest{display:flex;flex-direction:column;align-items:center}#wood-block{display:block;padding:0;background:none;width:160px;cursor:grab;touch-action:none;transform:rotate(-7deg);box-shadow:7px 14px 18px #45352b30}#wood-block canvas{width:100%;height:auto;display:block}#wood-block.in-hand{opacity:.3}.block-label{font-size:13px;margin:22px 0}.block-rest label{font-size:13px;width:100%;margin-top:8px}.block-rest select{display:block;width:100%;margin-top:8px;padding:12px;font:inherit;font-size:16px;color:#173f3a;background:#fff9eb;border:1px solid #173f3a40;min-height:44px}.printing-reading{font-size:13px;line-height:1.6;width:100%;margin-top:23px}.printing-reading summary{cursor:pointer;padding:9px 0}.printing-reading p{margin-top:14px}.stamp-ghost{position:fixed;z-index:50;pointer-events:none;transform:translate(-50%,-37%);height:auto;box-shadow:10px 18px 25px #45352b44}.stamp-complete{text-align:center;margin-top:24px;min-height:95px}.stamp-complete>p{font-size:15px;margin-bottom:15px}.stamp-complete>[hidden]{display:none}.hands-on-print .story-primary{background:#173f3a;color:#faefd5}
@media(max-width:700px){.hands-on-print{padding:18px 22px 28px}.print-introduction h1{font-size:36px}.print-introduction p{font-size:16px}.printing-table{grid-template-columns:1fr;gap:25px}.block-rest{display:grid;grid-template-columns:95px 1fr;gap:10px 25px;align-items:center}#wood-block{width:90px;grid-row:1/3}.block-label{grid-column:2;margin:0}.block-rest label{grid-column:2;margin:0}.printing-reading{grid-column:1/-1;margin-top:8px}.fabric-surface{padding:6px}.stamp-complete{margin-top:16px}}

.hero-subject{font-size:26px;margin-top:24px}.cover-shell .hero-intro{font-size:18px;margin:16px auto 20px;max-width:420px}.hero-artists{font-size:13px;line-height:1.8;margin:0 auto 26px;color:#faefd5}@media(max-width:700px){.hero-subject{font-size:23px;margin-top:20px}.cover-shell .hero-intro{font-size:17px;max-width:300px}.hero-artists{font-size:12px}}

/* The garden wraps the whole entrance, including its upper and lower edges. */
.cover-shell>.garden-cover{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.cover-shell .masthead{background:linear-gradient(#173f3ae8,#173f3a9c 65%,transparent)}
.cover-shell .story-footer{position:relative;background:linear-gradient(transparent,#173f3ad9);text-shadow:0 1px 4px #173f3a}
.cover-shell .hero{overflow:visible}

.looking-story{max-width:1400px;margin:auto;padding:22px 6vw 42px;display:grid;grid-template-columns:1fr 1.1fr;gap:7vw;align-items:center}
.looking-copy h1{font-size:clamp(38px,4.8vw,64px);line-height:1.13;color:#f1c86c}
.looking-lead{font-size:20px;line-height:1.6;margin-top:22px;max-width:440px}
.looking-question{font-size:16px;margin-top:30px}
#look-closer{background:transparent;border-bottom:1px solid #f1c86c;color:#f1c86c;padding:12px 0;min-height:44px;font-size:16px}
#looking-discovery{max-width:450px;margin-top:22px;font-size:17px;line-height:1.6}
#looking-discovery p+p{margin-top:12px;font-size:15px}
.looking-copy .story-source{margin:24px 0}
.looking-work{margin:0;min-width:0}
.looking-window{height:620px;height:clamp(420px,68svh,760px);overflow:hidden;background:#d4c9b0;display:flex;justify-content:center}
.looking-window img{height:100%;width:100%;object-fit:contain;transform-origin:50% 38%;transition:transform 1.3s cubic-bezier(.16,1,.3,1)}
.looking-window.is-close img{transform:scale(3.2)}
.looking-work figcaption{font-size:11px;line-height:1.6;margin-top:12px;color:#dae3cc}
@media(max-width:700px){.looking-story{padding:18px 24px 30px;grid-template-columns:1fr;gap:25px}.looking-copy h1{font-size:39px}.looking-lead{font-size:17px;margin-top:16px}.looking-work{grid-row:1}.looking-window{height:42svh;min-height:290px}.looking-question{margin-top:20px}.looking-work figcaption{font-size:10px}}
@media(prefers-reduced-motion:reduce){.looking-window img{transition:none}}
.paused .looking-window img{transition:none}

.looking-window{height:auto;aspect-ratio:4000/2073;background:#f6f1e5}.looking-story{grid-template-columns:.9fr 1.3fr}.looking-window img{object-fit:contain}.looking-window.is-close img{transform:scale(3.2)}@media(max-width:700px){.looking-story{grid-template-columns:1fr}.looking-window{height:auto;min-height:0}.looking-work{grid-row:auto}}

.studio-memory{font-size:13px;margin-top:15px;max-width:630px}.studio-memory summary{cursor:pointer;padding:8px 0}.studio-memory p{font-size:15px;line-height:1.6;margin-top:8px}
@media(max-width:700px){.looking-copy{display:contents}.looking-copy h1{order:0}.looking-lead{order:1;margin-top:0}.looking-work{order:2}.looking-question{order:3;margin-top:0}#look-closer{order:4;justify-self:start;padding-top:0}.looking-copy #looking-discovery{order:5;margin-top:0}.looking-copy .story-source{order:6;margin:0}.looking-copy .story-primary{order:7}.looking-story{gap:18px}}

.resume-design{display:block;width:fit-content;max-width:100%;margin:18px auto 0;font-size:13px;color:#faefd5;text-underline-offset:4px}

/* Keep the first action inside laptop viewports without hiding any content. */
@media(min-width:801px){
 .cover-shell{display:flex;flex-direction:column;min-height:100svh}
 .cover-shell .masthead{height:72px;flex:0 0 72px}
 .cover-shell .hero{flex:1;min-height:0}
 .cover-shell .hero-copy{width:min(660px,70vw);max-width:660px;padding:18px 20px}
 .cover-shell .hero h1{font-size:clamp(48px,9svh,90px);line-height:1.04}
 .cover-shell .hero-subject{font-size:24px;margin-top:16px}
 .cover-shell .hero-intro{font-size:17px;line-height:1.45;max-width:480px;margin:12px auto 16px}
 .cover-shell .hero-artists{font-size:12px;line-height:1.6;margin-bottom:16px}
 .cover-shell .enter{min-height:50px;padding:13px 22px}
 .cover-shell .print-intro{margin-top:12px}
 .cover-shell .story-footer{min-height:46px;padding-top:12px;padding-bottom:12px}
}

#stamp-context{max-width:540px;margin:14px auto 20px;font-size:16px;line-height:1.5}

.creator-choice{max-width:1400px;margin:auto;padding:24px 5vw 44px}.creator-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-top:42px}.creator-gallery a{text-decoration:none;display:block}.creator-gallery img{width:100%;height:240px;object-fit:contain;background:#faefd5;transition:transform .25s}.creator-gallery a:hover img{transform:translateY(-5px)}.creator-gallery h2{font-size:27px;color:#f1c86c;line-height:1.2;margin-top:20px}.creator-gallery p{font-size:17px;line-height:1.5;margin-top:14px}.creator-gallery .creator-date{font-size:12px;color:#dae3cc;min-height:36px;margin-top:10px}.back-to-creators{text-align:center;font-size:13px;margin-top:28px}@media(max-width:800px){.creator-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px;margin-top:28px}.creator-gallery img{height:180px}.creator-gallery h2{font-size:23px}.creator-gallery p{font-size:15px}}@media(max-width:400px){.creator-gallery img{height:145px}.creator-gallery h2{font-size:21px}}@media(prefers-reduced-motion:reduce){.creator-gallery img{transition:none}}

.learning-recap{max-width:620px;margin:28px auto 0;font-size:16px;text-align:left;line-height:1.6}.learning-recap summary{cursor:pointer;text-align:center;padding:12px}.learning-recap ul{padding-left:22px}.learning-recap li+li{margin-top:12px}

/* Small, original visual experiments keep the artist's idea next to her story. */
.idea-demo{margin:24px 0;max-width:520px}.idea-demo h3{font-size:20px;margin:0 0 12px}.idea-demo canvas{display:block;width:100%;height:auto;background:#f6f1e5}.idea-demo button{margin:12px 0 0;padding:10px 14px;border:1px solid currentColor;background:transparent;color:inherit;font:inherit;cursor:pointer}.idea-demo button:hover{background:#faefd51a}.idea-demo p{font-size:15px;line-height:1.5;margin:12px 0 8px}.idea-demo small{display:block;font-size:11px;line-height:1.5;color:#dae3cc}.empty-ending{min-height:65svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px}.empty-ending .take-heading p{max-width:440px;margin:20px auto;line-height:1.6}.studio-tools label:has(#studio-size){grid-column:1/-1}.studio-tools #studio-undo{min-height:44px}.studio-tools[data-idea="3"] label:has(#studio-size),.studio-tools[data-idea="1"] label:has(#studio-ground),.studio-tools[data-idea="0"] label:has(#studio-ink){order:-1}.studio-tools input[type=range]{width:100%;min-height:40px;accent-color:#f1c86c}
@media(max-width:700px){.studio-paper{position:sticky;top:0;z-index:3;background:#173f3a;padding:10px 0}.studio-paper canvas{display:block;width:min(100%,32svh);height:auto;margin:auto}.studio-paper #studio-hint{font-size:12px;line-height:1.4;margin:8px auto;max-width:320px}.studio-work{gap:16px}.studio-tools{gap:12px}.idea-demo{margin:20px 0}}
@media(max-width:700px){
 /* Reserve space for the primary action: it never covers the reading area. */
 .encounter-story,.looking-story,.print-story,.studio-story{padding-bottom:155px}
 .encounter-story article>.story-primary,.looking-copy>.story-primary,.studio-next>.story-primary,.print-story #stamp-next{position:fixed;left:16px;right:16px;bottom:12px;width:calc(100% - 32px);z-index:10;box-shadow:0 6px 24px #102d2aaa;margin:0;min-height:48px}
 .studio-paper{position:static;padding:0;background:transparent}
 .studio-intro{margin-bottom:10px}.studio-intro h1{font-size:27px}.studio-intro>p{font-size:13px;line-height:1.4;margin-top:8px}.studio-memory{display:none}
 .studio-story{padding-top:8px}.studio-paper canvas{width:min(100%,23svh)}.studio-paper #studio-hint{font-size:11px;margin:5px auto}
 .studio-work{gap:8px}.studio-tools{gap:6px 12px}.studio-tools label{font-size:11px}.studio-tools select{margin-top:3px;padding:8px;min-height:44px}.studio-tools label:has(#studio-size){grid-column:auto}.studio-tools input[type=range]{margin:0;height:44px}.studio-tools button{padding:8px;min-height:44px}.studio-extra{margin-top:0;padding-top:0}.studio-extra summary{min-height:44px;padding:12px 0}.studio-next{margin:0}
}
@media(max-width:700px){
 body:has(.encounter-story,.looking-story,.print-story,.studio-story){overflow:hidden}
 .encounter-story,.looking-story,.print-story,.studio-story{height:calc(100svh - 156px);overflow-y:auto;overscroll-behavior:contain;padding-bottom:24px;width:100%;scroll-padding:16px}
 body:has(.encounter-story,.looking-story,.print-story,.studio-story) .story-footer{display:none}
 .studio-paper canvas{width:min(100%,21svh)}
 .studio-tools{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:'kind ink ground' 'size size undo' 'add more more';align-items:end}
 .studio-tools label:has(#studio-kind){grid-area:kind}.studio-tools label:has(#studio-ink){grid-area:ink}.studio-tools label:has(#studio-ground){grid-area:ground}.studio-tools label:has(#studio-size){grid-area:size}.studio-tools #studio-undo{grid-area:undo}.studio-tools #studio-add{grid-area:add}.studio-tools .studio-extra{grid-area:more}.studio-tools:has(.studio-extra[open]) .studio-extra{grid-column:1/-1;grid-row:4}.studio-tools select{font-size:12px;padding:6px}.studio-tools #studio-add{font-size:11px}.studio-tools #studio-add span{display:none}
}
@media(max-width:700px){
 .hands-on-print{height:calc(100svh - 156px);overflow-y:auto;padding-bottom:24px;scroll-padding:16px}
 body:has(.hands-on-print){overflow:hidden}body:has(.hands-on-print) .story-footer{display:none}
 .hands-on-print #stamp-next{position:fixed;left:16px;right:16px;bottom:12px;width:calc(100% - 32px);z-index:10;margin:0;min-height:48px}
 .cover-shell{min-height:100svh;display:flex;flex-direction:column}.cover-shell .hero{min-height:0;flex:1}.cover-shell .hero-copy{padding:12px 20px}.cover-shell .hero h1{font-size:clamp(44px,8svh,65px)}.cover-shell .hero-subject{font-size:21px;margin-top:14px}.cover-shell .hero-intro{font-size:15px;line-height:1.45;margin:14px auto}.cover-shell .hero-artists{font-size:11px;margin-bottom:14px}.cover-shell .print-intro{margin-top:12px}.cover-shell .story-footer{padding:12px 22px}
 .creator-choice{padding:12px 22px 24px}.creator-gallery{gap:18px 14px;margin-top:20px}.creator-gallery img{height:115px}.creator-gallery h2{font-size:21px;margin-top:10px}.creator-gallery p{font-size:13px;margin-top:8px}.creator-gallery .creator-date{font-size:10px;min-height:28px;margin-top:6px}
 .take-story:not(.empty-ending){height:calc(100svh - 200px);overflow-y:auto;padding-bottom:24px}.take-story:not(.empty-ending) .take-actions{position:fixed;bottom:0;left:0;right:0;background:#faefd5;padding:12px 16px;z-index:10}.take-actions .story-primary{width:100%}.take-actions>a{margin-top:10px;min-height:36px;display:flex;align-items:center;justify-content:center}.take-actions>p{margin-top:6px;font-size:10px}body:has(.take-story:not(.empty-ending)) .story-footer{display:none}
}
@media(max-width:700px) and (max-height:740px){.studio-paper canvas{width:17svh}.studio-intro>p{font-size:12px}.studio-paper #studio-hint{font-size:10px;line-height:1.25}.studio-tools{gap:4px 10px}.studio-intro h1{font-size:25px}.studio-intro{margin-bottom:6px}}
@media(max-width:700px){
 .hands-on-print .print-introduction{margin-bottom:14px}.hands-on-print .print-introduction h1{font-size:28px}.hands-on-print .print-introduction p{font-size:14px;line-height:1.4;margin-top:10px}.hands-on-print .fabric-surface{width:min(100%,26svh);margin:auto}.hands-on-print .printing-table{gap:14px}.hands-on-print #wood-block{width:70px}.hands-on-print .block-rest{grid-template-columns:80px 1fr;gap:4px 18px}.hands-on-print .printing-reading{margin-top:4px}.hands-on-print .stamp-complete{margin-top:8px}
}

.fabric-context{max-width:700px;margin:20px auto 0}.fabric-context p{max-width:65ch}.fabric-context summary{font-size:15px}

.creator-transition{font-size:16px;line-height:1.5;max-width:500px;margin:20px 0}@media(max-width:700px){.looking-copy .creator-transition{order:7;margin:0;font-size:15px}.looking-copy>.story-primary{order:8}}

#studio-reset{display:block;width:100%;margin-top:12px;font-size:13px}@media(max-width:700px){.studio-tools{grid-template-areas:"kind ink ground" "size size undo" "add more more" "reset reset reset"}.studio-tools #studio-reset{grid-area:reset;margin:0;min-height:44px}.studio-tools:has(.studio-extra[open]) .studio-extra{grid-row:5}}

/* Clear direct route from a first impression to the moving cloth. */
.stamp-learn{display:block;width:fit-content;margin:8px auto 0;min-height:44px;padding:10px 6px;font-size:14px;text-underline-offset:4px}
.stamp-complete .story-primary{max-width:100%;white-space:normal;line-height:1.3}
.end-explore{display:block;padding:10px;min-height:44px}
@media(max-width:700px){.stamp-complete #stamp-context{font-size:12px;margin-bottom:8px;line-height:1.35}.stamp-complete #stamp-status{margin-bottom:5px}.stamp-learn{font-size:12px;margin-top:2px}.stamp-complete .story-primary{padding:12px 14px;font-size:14px}}
@media(min-width:701px){.hands-on-print{padding-top:10px;padding-bottom:12px}.print-introduction{margin-bottom:16px}.print-introduction p{margin-top:10px;line-height:1.4}.printing-table{grid-template-columns:minmax(0,min(430px,43svh)) 210px;gap:5vw}.stamp-complete{margin-top:12px;min-height:0}.stamp-complete>p{margin-bottom:7px}.printing-reading{margin-top:12px}}

.take-showcase{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,310px);align-items:center;gap:24px}.take-showcase .take-fabric{width:100%;min-width:0}.take-showcase .end-explore{display:flex;text-align:left;line-height:1.4;padding:20px 24px;margin:0;min-height:76px}.take-showcase .end-explore{background:#f1c86c;color:#173f3a}.take-showcase .end-explore:hover{background:#e9ba50}.take-showcase .end-explore:focus-visible{outline:3px solid #173f3a;outline-offset:5px}
@media(max-width:900px){.take-showcase{grid-template-columns:1fr;gap:8px}.take-showcase .end-explore{justify-content:center;text-align:center;min-height:50px;padding:12px 16px;font-size:14px}.take-showcase .take-fabric{height:28svh;min-height:150px}.take-heading h1{font-size:clamp(28px,6vw,39px)}.take-heading p{font-size:14px;margin-top:10px}.take-story:not(.empty-ending){padding-top:8px}}
/* Fit the complete result and its actions into the available viewport. */
.souvenir-shell:has(.take-showcase){height:100svh;min-height:0;display:flex;flex-direction:column;overflow:hidden}.souvenir-shell:has(.take-showcase) .masthead{flex-shrink:0}.souvenir-shell:has(.take-showcase) .story-footer{display:none}
.take-story:has(.take-showcase){flex:1;width:100%;height:auto;min-height:0;display:flex;flex-direction:column;overflow:visible;padding:8px 5vw 12px}
.take-story .take-showcase{flex:1;min-height:0}.take-showcase .take-fabric{height:100%;min-height:0}.take-heading{flex-shrink:0}
.take-story:has(.take-showcase) .take-actions{position:static;background:transparent;padding:0;flex-shrink:0}.take-actions>p{margin-top:6px}.take-actions>a{margin-top:6px;min-height:36px;display:flex;align-items:center;justify-content:center}
.take-story .learning-recap,.take-story .end-credits{margin:4px auto 0;font-size:12px;flex-shrink:0}.take-story .learning-recap summary,.take-story .end-credits summary{padding:6px;cursor:pointer}
.take-story .learning-recap[open],.take-story .end-credits[open]{max-height:24svh;overflow:auto}
@media(max-width:900px){.take-story:has(.take-showcase){padding:4px 16px 8px}.take-showcase{grid-template-rows:minmax(0,1fr) auto;gap:6px;padding-bottom:8px}.take-showcase .end-explore{min-height:48px}.take-actions .story-primary{min-height:48px;padding:10px 16px}.take-actions>p{font-size:10px}.take-heading h1{font-size:clamp(26px,5svh,38px)}.take-heading p{font-size:13px;margin-top:6px}.take-story .learning-recap,.take-story .end-credits{font-size:11px;margin-top:0}}
/* Centre the fabric on the page; the discovery action occupies the right margin. */
@media(min-width:901px){.take-showcase{grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);gap:16px}.take-showcase .take-fabric{grid-column:2;grid-row:1}.take-showcase .end-explore{grid-column:3;grid-row:1;justify-self:end;width:100%;max-width:310px;padding:18px;font-size:14px;gap:12px}}

/* Additional reading has its own space instead of squeezing the fabric. */
.take-story .learning-recap,.take-story .end-credits{font-size:13px;line-height:1.6;margin:0 auto;max-width:880px;width:auto}
.take-story .learning-recap summary,.take-story .end-credits summary{list-style:none;min-height:44px;display:flex;align-items:center;justify-content:center;gap:14px;padding:10px 16px;text-underline-offset:5px}
.take-story summary::-webkit-details-marker{display:none}
.take-story .learning-recap summary::after,.take-story .end-credits summary::after{content:'+';font-size:21px;font-weight:300;line-height:1}
.take-story summary:hover{text-decoration:underline}
.take-story summary:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.take-story .reading-return{display:none}
.take-story:has(>details[open])> :not(details[open]){display:none!important}
.take-story:has(>details[open]){justify-content:center;padding:16px 7vw 32px}
.take-story .learning-recap[open],.take-story .end-credits[open]{width:100%;max-height:100%;min-height:0;overflow:auto;margin:auto;text-align:left;background:#f6f1e5;color:#173f3a;padding:clamp(20px,4vw,48px);scrollbar-color:#173f3a #f6f1e5}
.take-story details[open]>summary{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:0 0 24px;background:#f6f1e5;border-bottom:1px solid #173f3a40;text-align:left;text-decoration:none}
.take-story details[open]>summary>span:first-child{font-family:var(--serif);font-size:clamp(25px,3vw,38px);line-height:1.25}
.take-story details[open]>summary::after{display:none}
.take-story details[open] .reading-return{display:flex;align-items:center;flex-shrink:0;font-size:13px;min-height:44px;text-decoration:underline;text-underline-offset:5px}
.take-story .reading-copy{font-size:16px;line-height:1.65;padding-top:24px;text-align:left}
.take-story .reading-copy ul{list-style:none;margin:0;padding:0;display:grid;gap:22px}
.take-story .reading-copy li{margin:0;max-width:65ch;}
.take-story .reading-copy p{margin:0 0 16px}
.take-story .reading-copy a{text-underline-offset:4px}
@media(max-width:600px){.take-story:has(>details[open]){padding:8px 16px 16px}.take-story details[open]>summary{flex-direction:column;align-items:flex-start;gap:8px;padding-bottom:12px}.take-story details[open] .reading-return{order:-1}.take-story .reading-copy{font-size:15px;padding-top:20px}.take-story .reading-copy ul{gap:18px}}