:root{--ink:#252525;--gold:#a2872a;--night:#102a43;--paper:#faf9f5;--olive:#738a5a;--water:#5b8fa8;--line:rgba(162,135,42,.34);--muted:rgba(37,37,37,.62);--display:"Cormorant Garamond","Noto Serif TC",serif;--text:"Noto Serif TC",serif;--page:min(100% - 2rem,88rem)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#cebd74;color:var(--ink)}body{margin:0;font-family:var(--text);line-height:1.6;background:linear-gradient(rgba(206,189,116,.76),rgba(206,189,116,.76)),url("/images/temple-stone-light.png");background-size:520px auto}button,a{color:inherit;font:inherit}.skip{position:fixed;z-index:20;top:.5rem;left:.5rem;padding:.6rem .8rem;background:var(--gold);transform:translateY(-150%)}.skip:focus{transform:none}.shell{width:var(--page);margin:auto}.top{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid var(--line);font-family:var(--display);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.top a{text-decoration:none}.top nav{display:flex;gap:1.5rem}.kicker{margin:0;color:var(--gold);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase}.opening{display:grid;grid-template-columns:5fr 7fr;gap:clamp(2rem,6vw,7rem);min-height:100svh;padding:clamp(2rem,5vw,5rem) 0}.卷{position:relative;display:grid;aspect-ratio:5/8;padding:2.5rem 2rem;border:1px solid var(--gold);text-align:center}.卷:before{position:absolute;inset:9px;border:1px solid rgba(162,135,42,.38);content:""}.卷>*{position:relative}.brand{font-family:var(--display);font-size:.8rem;letter-spacing:.25em}.one{align-self:center}.one strong{display:block;font-family:var(--display);font-size:clamp(5rem,10vw,9rem);font-weight:400;letter-spacing:.08em;line-height:.8}.one span{display:block;margin-top:1.2rem;font-size:2rem;letter-spacing:.35em}.motto{align-self:end;margin:0;font-size:1rem;letter-spacing:.18em}.motto em{display:block;margin-top:.5rem;font-family:var(--display);font-size:1.15rem;letter-spacing:0}.now{display:grid;align-content:center}.now h1{margin:.8rem 0;color:var(--night);font-family:var(--display);font-size:clamp(4rem,9vw,9rem);font-weight:400;letter-spacing:-.07em;line-height:.74}.now h1 span{display:block;color:var(--gold);font-family:var(--text);font-size:.25em;letter-spacing:.15em;line-height:1.4}.now__intro{max-width:34rem;color:var(--muted);font-size:1.05rem}.status{display:grid;grid-template-columns:repeat(2,1fr);margin-top:3rem;border-top:1px solid var(--line)}.status div{display:grid;min-height:8rem;padding:1rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.status span{color:var(--gold);font-size:.58rem}.status strong{align-self:end;color:var(--night);font-weight:400}.notice-actions{display:flex;gap:.6rem;margin-top:1.5rem}.notice-actions button,.view-tabs button{padding:.65rem 1rem;border:1px solid var(--gold);background:transparent;cursor:pointer}.notice-actions button:hover,.view-tabs button[aria-selected=true]{color:var(--paper);background:var(--gold)}.views{background:rgba(250,249,245,.9);box-shadow:0 0 0 100vmax rgba(250,249,245,.9);clip-path:inset(0 -100vmax);padding:1rem 0 0}.view-tabs{position:sticky;top:0;z-index:5;display:flex;gap:.5rem;padding:1rem 0;border-bottom:1px solid var(--line);background:rgba(250,249,245,.96);overflow-x:auto}.view-tabs button{white-space:nowrap}.view{display:none;padding:clamp(5rem,10vw,9rem) 0}.view.active{display:block}.head{display:grid;grid-template-columns:3fr 6fr 3fr;gap:clamp(1rem,2.2vw,2rem);align-items:end}.head h2{margin:0;color:var(--night);font-family:var(--display);font-size:clamp(3rem,7vw,7rem);font-weight:400;letter-spacing:-.055em;line-height:.84}.head>p:last-child{margin:0;color:var(--muted)}.book-grid{display:grid;grid-template-columns:repeat(6,1fr);margin-top:4rem;border-top:1px solid var(--line)}.book{display:grid;min-height:8rem;padding:.8rem;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent;text-align:left;cursor:pointer}.book.current{background:rgba(162,135,42,.12)}.book span{color:var(--gold);font-family:var(--display)}.book strong{align-self:end;color:var(--night);font-weight:400}.book small{color:var(--muted);font-family:var(--display)}.book-detail{display:none;margin-top:2rem;padding:1.5rem;border:1px solid var(--line)}.book-detail.open{display:grid;grid-template-columns:2fr 5fr 3fr;gap:2rem}.book-detail h3{margin:0;color:var(--night);font-family:var(--display);font-size:3rem;font-weight:400}.movement-grid,.chapter-grid,.resource-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:4rem;border-top:1px solid var(--line)}.movement,.chapter,.resource{display:grid;min-height:10rem;padding:1rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.movement span,.chapter span,.resource span{color:var(--gold);font-size:.58rem}.movement strong,.chapter strong,.resource strong{align-self:end;color:var(--night);font-family:var(--display);font-size:1.3rem;font-weight:400}.chapter{border-top:0;border-left:0;background:transparent;text-align:left;cursor:pointer}.chapter.current{background:rgba(115,138,90,.12)}.chapter-detail{margin-top:3rem;border-top:1px solid var(--line)}.chapter-section{display:grid;grid-template-columns:3fr 9fr;gap:2rem;padding:3rem 0;border-bottom:1px solid var(--line)}.chapter-section h3{margin:0;color:var(--gold);font-family:var(--display);font-size:1.6rem;font-weight:400}.chapter-section>div>p:first-child{margin-top:0;color:var(--night);font-family:var(--display);font-size:1.5rem}.scout-list,.prepare-list{margin:0;padding:0;list-style:none}.scout-list li,.prepare-list li{padding:.75rem 0;border-bottom:1px solid var(--line)}.connection-grid{display:grid;grid-template-columns:repeat(2,1fr)}.connection-grid div{padding:1rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.connection-grid strong{display:block;color:var(--night);font-weight:400}.connection-grid small{color:var(--muted)}.harmony{width:100%;border-collapse:collapse}.harmony th,.harmony td{padding:.8rem;border-bottom:1px solid var(--line);text-align:left;font-size:.78rem}.resource a{align-self:end;margin-top:1rem;color:var(--olive);font-size:.62rem;text-decoration:none;text-transform:uppercase}.calendar-grid{display:grid;grid-template-columns:4fr 8fr;gap:3rem;margin-top:4rem}.calendar-card{padding:1.5rem;border:1px solid var(--line)}.calendar-card strong{display:block;margin:1rem 0;color:var(--night);font-family:var(--display);font-size:2.5rem;font-weight:400}.progress{height:.4rem;margin:2rem 0;background:rgba(37,37,37,.1)}.progress span{display:block;height:100%;background:var(--gold)}.notice{white-space:pre-line;padding:1.5rem;color:var(--paper);background:var(--night)}.closing{display:grid;grid-template-columns:3fr 9fr;gap:2rem;padding:6rem 0}.closing p:last-child{margin:0;color:var(--night);font-family:var(--display);font-size:clamp(2rem,4vw,4rem);line-height:1.1}@media(max-width:900px){.book-grid{grid-template-columns:repeat(4,1fr)}.movement-grid,.chapter-grid,.resource-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){:root{--page:min(100% - 1.25rem,88rem)}.top{align-items:flex-start}.top nav{gap:.7rem}.opening{grid-template-columns:1fr;min-height:auto}.卷{width:100%}.now h1{font-size:5rem}.status{grid-template-columns:1fr 1fr}.notice-actions{flex-wrap:wrap}.head{grid-template-columns:1fr}.book-grid{grid-template-columns:repeat(2,1fr)}.book-detail.open{grid-template-columns:1fr}.movement-grid,.chapter-grid,.resource-grid{grid-template-columns:1fr}.chapter-section{grid-template-columns:1fr}.connection-grid{grid-template-columns:1fr}.harmony{display:block;overflow-x:auto}.calendar-grid{grid-template-columns:1fr}.closing{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}