/* Same paper, ink, seal and type palette as platform-home.css. */
:root{--paper:#eee9dd;--paper-light:#f6f2e9;--ink:#293d35;--muted:#71776a;--red:#a14735;--line:#cecdbb;--green:#253f36;--serif:'Noto Serif SC','Songti SC',STSong,serif;--sans:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;color:var(--ink);background:var(--paper);font-family:var(--serif);scroll-behavior:smooth;scroll-padding-top:24px}*{box-sizing:border-box}body{margin:0;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--red);outline-offset:4px}.hero{height:78svh;min-height:590px;max-height:900px;position:relative;background:#dddace;overflow:hidden;border-bottom:1px solid var(--line)}#world{position:absolute;inset:0}canvas{display:block;touch-action:none}.scene-heading{position:absolute;top:24px;left:4%;right:4%;display:flex;justify-content:space-between;font:12px/1.8 var(--sans);color:var(--muted)}.scene-heading a{min-height:40px;display:flex;align-items:center}.intro{position:absolute;top:27%;left:max(7%,calc((100vw - 1100px)/2));pointer-events:none}.eyebrow{font:12px/1.8 var(--sans);letter-spacing:.12em;color:var(--red)}h1{font-weight:400;font-size:clamp(36px,4.2vw,58px);line-height:1.5;letter-spacing:.03em;margin:14px 0 4px}h2{font-weight:400;font-size:21px;letter-spacing:.06em;margin:0 0 22px}.intro>p:last-of-type{font-size:14px;line-height:2;color:var(--muted)}.intro-link{display:inline-flex;align-items:center;gap:30px;min-height:44px;margin-top:12px;border-bottom:1px solid var(--ink);font-size:13px;pointer-events:auto}.intro-link span{color:var(--red)}.scene-tools{position:absolute;bottom:58px;left:50%;transform:translateX(-50%);display:flex;gap:5px;white-space:nowrap;background:#f6f2e9ed;padding:6px;border:1px solid var(--line);border-radius:6px;backdrop-filter:blur(12px)}.scene-tools button{border:1px solid transparent;background:transparent;min-height:44px;padding:10px 17px;border-radius:3px;color:var(--ink);font:13px var(--sans)}.scene-tools button:hover{border-color:var(--line)}.scene-tools button[aria-pressed=true]{background:var(--green);color:var(--paper-light)}.caption{position:absolute;bottom:19px;left:4%;right:4%;display:flex;justify-content:space-between;font:11px/1.7 var(--sans);color:var(--muted)}#loading{position:absolute;top:50%;left:55%;padding:18px;background:var(--paper-light);color:var(--ink);font-size:13px}.facts{width:min(1140px,calc(100% - 100px));margin:auto;display:grid;grid-template-columns:repeat(4,1fr);padding:36px 0;border-bottom:1px solid var(--line);gap:20px}.facts div{display:flex;flex-direction:column;gap:10px;border-right:1px solid var(--line);padding-left:26px}.facts div:first-child{padding-left:0}.facts div:last-child{border:0}.facts strong{font-weight:400;font-size:27px}.facts span{font:12px/1.8 var(--sans);color:var(--muted)}.facts strong span{font-size:14px}article{width:min(1140px,calc(100% - 100px));margin:auto;padding:70px 0}article header{display:grid;grid-template-columns:1fr 1fr;gap:0 70px;align-items:center}article header .eyebrow{grid-column:1/-1}article h2{font-size:34px;line-height:1.7}article p{line-height:2;color:var(--muted);font-size:15px}figure{margin:40px 0}figure img{width:100%;height:auto;display:block;border:1px solid var(--line)}figcaption{font:11px/1.9 var(--sans);color:var(--muted);padding-top:12px}figcaption a,.note a{text-decoration:underline;text-underline-offset:4px}.reading{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:60px 0}.reading>.eyebrow{grid-column:1/-1;margin:0}.reading>div{border-top:1px solid var(--line);padding-top:20px}.reading h3{font-size:21px;font-weight:400}.note{border-top:1px solid var(--line);padding:30px 0;max-width:800px}.note h3{font-weight:400;font-size:22px;line-height:1.8}main>footer{width:min(1240px,calc(100% - 100px));margin:auto;padding:30px 0;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;font:12px/1.8 var(--sans);color:var(--muted)}.recovery{position:absolute;bottom:120px;left:25%;padding:20px;background:var(--paper-light)}
@media(max-width:900px){.intro{left:6%}.facts,article,main>footer{width:calc(100% - 48px)}}
@media(max-width:600px){.hero{height:78svh;min-height:620px}.scene-heading{top:12px;font-size:10px;left:6%;right:6%}.intro{top:12%;left:7%;max-width:70%}h1{font-size:34px;margin:12px 0 2px}.intro h2{font-size:16px;margin-bottom:12px}.intro>p:last-of-type,.intro-link{display:none}.scene-tools{bottom:69px;gap:0;padding:4px;max-width:calc(100% - 24px)}.scene-tools button{padding:8px 8px;font-size:11px;min-height:44px}.caption{font-size:10px;flex-direction:column;gap:5px;bottom:16px;left:6%}.facts{grid-template-columns:1fr 1fr;padding:26px 0;gap:24px}.facts div{padding-left:18px}.facts div:nth-child(odd){padding-left:0}.facts div:nth-child(2){border:0}.facts strong{font-size:24px}article{padding-top:44px}article header{display:block}article h2{font-size:28px}article p{font-size:14px}.reading{display:block;margin:35px 0}.reading>div{margin-top:25px}.note h3{font-size:20px}main>footer>span{display:none}}

.buddhist-story{margin:65px 0;padding:35px;border:1px solid var(--line);background:var(--paper-light)}.buddhist-story>p:not(.eyebrow){max-width:760px}.buddhist-story h2{margin:12px 0 20px}.buddhist-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:35px 0 20px}.buddhist-grid section>span{font-size:30px;color:var(--red)}.buddhist-grid h3{font-size:20px;font-weight:400;line-height:1.8}.buddhist-link{display:inline-flex;min-height:44px;align-items:center;margin-right:30px;font-size:13px;color:var(--green);text-decoration:underline;text-underline-offset:5px}@media(max-width:600px){.buddhist-story{padding:24px 20px;margin:35px 0}.buddhist-grid{grid-template-columns:1fr;gap:15px}}

/* The canvas has its own daylight palette. Site dark-mode tokens must not turn
   overlay text white while leaving the rendered courtyard and dock light. */
.hero{--paper:#eee9dd;--paper-light:#f6f2e9;--ink:#293d35;--muted:#525f50;--red:#963f30;--line:#b6baaa;--green:#253f36;color:var(--ink);color-scheme:light}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(238,233,221,.88),rgba(238,233,221,.5) 28%,transparent 48%)}
.hero :is(.intro,.scene-heading,.scene-tools,.caption,#loading,.recovery){z-index:1}
.hero .intro :is(h1,h2){color:#293d35}
.hero .intro>p:last-of-type,.hero .caption,.hero .scene-heading{color:#525f50}
.hero .eyebrow{color:#963f30}
.hero .scene-tools{background:#f6f2e9f5;border-color:#b6baaa}
.hero .scene-tools button{color:#293d35}
.hero .scene-tools button[aria-pressed=true]{background:#253f36;color:#f6f2e9}
@media(max-width:600px){.hero::after{background:linear-gradient(180deg,rgba(238,233,221,.9),rgba(238,233,221,.6) 24%,transparent 46%)}}
.worship-lead{max-width:800px;font-size:17px}.worship-feature{display:grid;grid-template-columns:240px 1fr;gap:40px;margin-top:32px;padding:32px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.worship-name{border-right:1px solid var(--line);padding:12px 24px 12px 0}.worship-name>span{font:12px var(--sans);color:var(--red)}.worship-name h3{font-size:28px;font-weight:400;margin:18px 0 2px}.worship-name>p{font:14px Georgia,serif;letter-spacing:.1em}.worship-name small{display:block;margin-top:24px;font:11px/1.9 var(--sans);color:var(--muted)}.worship-feature>div>h3{font-weight:400;line-height:1.7}.buddhist-grid a{display:inline-flex;min-height:44px;align-items:center;font-size:12px;text-decoration:underline;text-underline-offset:4px}.buddhist-questions{margin:32px 0}.buddhist-questions>h3{font-size:23px;font-weight:400}.buddhist-questions details{border-top:1px solid var(--line)}.buddhist-questions details:last-child{border-bottom:1px solid var(--line)}.buddhist-questions summary{cursor:pointer;padding:18px 4px;font-size:16px;line-height:1.7}.buddhist-questions summary:focus-visible{outline:2px solid var(--red);outline-offset:3px}.buddhist-questions details>p{margin:0;padding:0 22px 20px;max-width:850px}.buddhist-invitation{padding:8px 0 20px}.worship-source{font:11px/1.9 var(--sans);padding-top:18px;border-top:1px solid var(--line)}.worship-source a{text-decoration:underline;text-underline-offset:3px}@media(max-width:600px){.worship-feature{grid-template-columns:1fr;gap:15px;padding:22px 0}.worship-name{border-right:0;border-bottom:1px solid var(--line);padding:0 0 20px}.worship-name small{margin-top:12px}.worship-name h3{font-size:26px}.worship-lead{font-size:15px}.buddhist-questions>h3{font-size:21px}.buddhist-questions summary{font-size:15px}.buddhist-questions details>p{padding-left:4px;padding-right:4px}}
.intro{max-width:340px}.intro h1{font-size:clamp(32px,3.5vw,49px);text-wrap:balance}.intro>p:last-of-type{max-width:290px}.facts strong{font-size:20px;line-height:1.6}.worship-boundary{padding:18px 22px;border-left:2px solid var(--red);margin:28px 0;background:var(--paper)}.worship-boundary h3{font-size:18px;font-weight:400;margin:0}.pagoda-timeline{padding:30px 0;border-top:1px solid var(--line);margin-bottom:35px}.pagoda-timeline ol{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);padding:0;gap:30px}.pagoda-timeline li{padding-top:20px;border-top:1px solid var(--line)}.pagoda-timeline strong{color:var(--red);font-weight:400;font-size:22px}.pagoda-related{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.pagoda-related>.eyebrow{grid-column:1/-1}.pagoda-related>a{display:flex;flex-direction:column;gap:12px;border:1px solid var(--line);padding:22px;background:var(--paper-light)}.pagoda-related span,.pagoda-related small{font:12px/1.8 var(--sans);color:var(--muted)}.pagoda-related strong{font-weight:400;font-size:25px}@media(max-width:600px){.intro{max-width:76%;top:12%}.intro h1{font-size:31px}.intro h2{font-size:14px;max-width:250px;line-height:1.7}.facts strong{font-size:17px}.pagoda-timeline ol{grid-template-columns:1fr;gap:16px}.pagoda-timeline li{display:grid;grid-template-columns:85px 1fr;gap:15px}.pagoda-timeline strong{font-size:18px}.pagoda-timeline p{margin:0}.pagoda-related{grid-template-columns:1fr}.pagoda-related strong{font-size:23px}}
