/* A centered purple-and-gold oval opens the existing parchment family letter. */
#courtyard{position:relative}
#worlds-page{max-width:960px}
#worlds-title:focus{outline:none}
.welcome-story{grid-column:2;display:flex;justify-content:center;margin-top:2px}
.garden-tools .garden-story-button,.garden-tools .garden-story-button:hover{width:100%;min-height:54px;margin:0;color:#f4e6cd;border-color:#ebcb8294;background:radial-gradient(ellipse at 31% 24%,#82609ecc 0%,#4b3267db 56%,#302844eb 100%);box-shadow:inset 2px 3px 12px #e1c6f026,inset 0 0 2px 1px #efd49c6b,0 0 20px #d4ab5418;text-shadow:0 1px 3px #241436;animation:none}
.garden-tools .garden-story-button:hover{border-color:#ffe3a7;box-shadow:inset 2px 3px 12px #e1c6f026,inset 0 0 2px 1px #efd49c91,0 0 20px #d4ab5435}
.garden-story-button:focus-visible{outline:3px solid #ffe4a0;outline-offset:5px}
.scroll-unroll::before,.scroll-unroll::after{content:"";position:absolute;left:-10px;right:-10px;top:0;height:27px;border:1px solid #4a3119;border-radius:9px / 6px;background:linear-gradient(90deg,#301c0e 0%,#a57e38 1.5%,#e2c47f 2.3%,#755022 3.4%,transparent 4.4% 95.6%,#755022 96.6%,#e2c47f 97.7%,#a57e38 98.5%,#301c0e 100%),repeating-linear-gradient(90deg,#41290933 0 1px,transparent 1px 5px),linear-gradient(#3f2b17,#8b6731 13%,#d9bb73 32%,#f1dba0 40%,#b6924f 57%,#725023 81%,#3f2b16);box-shadow:0 4px 5px #1b0c0980,0 1px 1px #d1b66b80,inset 0 1px 1px #f2daa488}
#garden-story{width:min(780px,calc(100% - 40px));max-width:none;max-height:none;padding:18px 0;border:0;border-radius:0;background:transparent;color:#38270f;overflow:visible;box-shadow:none;color-scheme:light;filter:drop-shadow(3px 25px 28px #000a)}
#garden-story::backdrop{background:#07150fcc;backdrop-filter:blur(5px)}
.scroll-unroll{position:relative;isolation:isolate;}
.scroll-unroll::before,.scroll-unroll::after{z-index:2;height:29px;pointer-events:none}
.scroll-unroll::before{top:-13px}.scroll-unroll::after{top:auto;bottom:-13px}
.scroll-sheet{position:relative;height:min(80svh,820px);background:url('/parchment-grain.svg'),radial-gradient(ellipse at 0 16%,#6b401d70,transparent 27%),radial-gradient(ellipse at 98% 90%,#5a310a70,transparent 30%),radial-gradient(ellipse at 65% 46%,#eddba3ad,transparent 65%),linear-gradient(90deg,#67451f,#b39252 3%,#d7bd7e 9%,#d8bf84 88%,#b89655 97%,#5e3c18);box-shadow:inset 0 0 6px 2px #3d240fb8,inset 0 0 24px 5px #78491355;clip-path:polygon(1% 0,99% 0,99.5% 9%,99% 19%,99.8% 22%,99% 23%,100% 31%,99% 44%,99.7% 59%,99% 62%,99.5% 63%,99% 72%,100% 85%,99% 100%,1% 100%,0 89%,1% 77%,0.3% 74%,0.8% 72%,0.3% 60%,1% 45%,0 32%,0.9% 29%,0.3% 28%,0.7% 18%)}
.scroll-sheet::before{content:"";position:absolute;inset:20px 19px;z-index:1;pointer-events:none;border-left:3px double #83622d66;border-right:3px double #83622d66}
.scroll-reading{height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#765522 #d4ba7b;padding:32px 60px 44px;font:17px/1.85 Georgia,serif;text-align:left}
.scroll-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 26px;font-family:'Segoe UI',sans-serif}
#garden-story button{background:linear-gradient(#e5cb8d77,#b28e4944);border:1px solid #826029;color:#423014;font:13px/1.5 'Segoe UI',sans-serif;box-shadow:inset 0 1px 0 #f2dda580,0 1px 1px #66441922}
#garden-story button:hover{background:#ead095}
.scroll-languages{display:flex;gap:5px}.scroll-languages button{padding:8px 10px}.scroll-languages [aria-pressed=true]{text-decoration:underline;text-underline-offset:5px;font-weight:700!important}
.scroll-kicker{font:11px/1.6 'Segoe UI',sans-serif;letter-spacing:.09em;margin:0 0 10px;color:#68491c;text-align:center}
#garden-story h2{font:40px/1.18 Georgia,serif;margin:0 0 22px;padding:0 0 26px;color:#523b18;text-wrap:balance;text-align:center;text-shadow:0 1px 0 #f3e0a98c}
#garden-story h2::after{content:"";display:block;margin:23px auto -17px;width:120px;height:8px;border-top:3px double #89632899;border-bottom:1px solid #89632866;border-radius:50%}
.scroll-lead{font-size:21px;line-height:1.55;text-align:center}.scroll-reading p{margin:0 0 21px}
.scroll-family{width:min(100%,340px);margin:26px auto 30px;text-align:center}
.scroll-family img{display:block;width:100%;height:auto;border:1px solid #89632899;border-radius:4px;box-shadow:0 3px 12px #49361933}
.scroll-family figcaption{margin-top:10px;font:14px/1.6 'Segoe UI',sans-serif;color:#493619;text-wrap:balance}
@media(forced-colors:active){.scroll-family figcaption{color:CanvasText}.scroll-family img{border-color:CanvasText;box-shadow:none}}
:lang(en) [data-copy=gardenStoryOrigin]::first-letter{float:left;font:54px/.86 Georgia,serif;padding:8px 8px 0 0;color:#664719;text-shadow:0 1px 0 #eeda9f}
#garden-story h3{font:25px/1.35 Georgia,serif;margin:34px 0 12px;color:#543b16}
.scroll-plans{padding-left:22px;margin:12px 0 28px}.scroll-plans li{padding-left:4px;margin:12px 0}
.scroll-feedback{display:inline-block;color:#493619;min-height:44px;padding:8px 0;font-weight:bold;text-decoration-thickness:1px}
.scroll-reading .scroll-small{font:13px/1.7 'Segoe UI',sans-serif;color:#594019;margin-top:6px}
.scroll-signoff{font-style:italic;padding-top:8px}.scroll-signoff::after{content:"";display:block;width:80px;margin:25px auto;border-top:3px double #89632899;border-radius:50%}
#garden-story :focus-visible{outline-color:#66431c;outline-offset:4px}
#garden-story-title:focus{outline:none}
#garden-story[open] .scroll-unroll{animation:parchment-unroll .8s cubic-bezier(.2,.65,.25,1) both}
#garden-story[open] .scroll-unroll::after{animation:parchment-roller .8s cubic-bezier(.2,.65,.25,1) both}
@keyframes parchment-unroll{from{clip-path:inset(-16px -16px calc(100% - 44px) -16px)}to{clip-path:inset(-16px)}}
@keyframes parchment-roller{from{transform:translateY(calc(-1 * min(80svh,820px) + 28px))}to{transform:translateY(0)}}
:lang(th) .scroll-reading,:lang(th) #garden-story h2,:lang(th) #garden-story h3,:lang(th) .garden-story-button{font-family:'Leelawadee UI',Tahoma,sans-serif}
@media(max-width:500px){#garden-story{width:calc(100% - 32px)}.scroll-reading{padding:25px 27px 34px;font-size:16px}.scroll-sheet::before{inset:17px 12px;border-width:1px}.scroll-top{gap:8px;margin-bottom:27px}#garden-story h2{font-size:31px}.scroll-lead{font-size:19px}#garden-story h3{font-size:23px}.scroll-kicker{font-size:10px}.scroll-unroll::before,.scroll-unroll::after{left:-5px;right:-5px}}
@media(prefers-reduced-motion:reduce){#garden-story[open] .scroll-unroll,#garden-story[open] .scroll-unroll::after{animation:none}}
@media(forced-colors:active){.garden-tools .garden-story-button,.garden-tools .garden-story-button:hover{color:ButtonText;background:ButtonFace;border:2px solid ButtonText;box-shadow:none;text-shadow:none}.scroll-unroll::before,.scroll-unroll::after,.scroll-sheet::before{display:none}.garden-story-button:focus-visible{outline-color:Highlight}.scroll-sheet{background:Canvas;color:CanvasText;clip-path:none;border:2px solid CanvasText}#garden-story h2,#garden-story h3,.scroll-kicker,.scroll-reading .scroll-small,#garden-story button,.scroll-feedback,:lang(en) [data-copy=gardenStoryOrigin]::first-letter{color:CanvasText}#garden-story :focus-visible{outline-color:Highlight}}
.scroll-reading .scroll-father-credit{margin:24px 0;padding:16px 0 16px 18px;border-left:2px solid #89632880}
.scroll-father-credit blockquote{margin:0}.scroll-father-credit figcaption{font-style:italic;text-align:right}.scroll-father-credit .scroll-father-th{display:none}html[lang="th"] .scroll-father-credit .scroll-father-th{display:block}
@media(forced-colors:active){.scroll-reading .scroll-father-credit{border-color:CanvasText}}