:root{--paper:#fbf3df;--paper-strong:#f1e3c4;--surface:#fffaf0;--surface-2:#fffef8;--ink:#1f2e24;--muted:#667166;--green:#245b38;--green-2:#dcecd2;--green-3:#eef7e8;--river:#2b82a0;--river-2:#dff2f7;--ochre:#c8842c;--berry:#a43d45;--line:#ddcaab;--shadow:0 18px 44px #2f231224;--small-shadow:0 8px 22px #2f23121a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--ink);background:linear-gradient(90deg,#245b3814 1px,#0000 1px) 0 0/32px 32px,linear-gradient(#245b380f 1px,#0000 1px) 0 0/32px 32px,linear-gradient(#e9ddc4 0%,#fbf4e5 44%,#e7dbc3 100%);margin:0;font-family:PingFang SC,Noto Sans CJK SC,Microsoft YaHei,sans-serif;line-height:1.64}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{width:100%;height:auto;display:block}.app-shell{grid-template-columns:220px minmax(0,1fr) 290px;gap:12px;min-height:100dvh;padding:12px;display:grid}.chapter-rail,.book-stage,.deep-panel{box-shadow:var(--shadow);background:#fffaf0f0;border:1px solid #775f373d}.chapter-rail{background:linear-gradient(180deg, #245b3829, #245b3805), var(--surface);border-radius:18px;flex-direction:column;gap:14px;height:calc(100dvh - 24px);padding:14px;display:flex;position:sticky;top:12px;overflow:hidden}.brand{color:var(--green);align-items:center;gap:10px;padding:10px;display:flex}.brand strong{font-family:Songti SC,STSong,serif;font-size:20px;line-height:1.25;display:block}.chapter-list{gap:8px;min-height:0;padding-right:2px;display:grid;overflow:auto}.chapter-button{color:#334338;text-align:left;background:#fffef8c2;border:1px solid #0000;border-radius:14px;grid-template-columns:34px 1fr;align-items:center;gap:10px;width:100%;padding:11px 10px;display:grid}.chapter-button svg{width:26px;height:26px;color:var(--green)}.chapter-button b,.chapter-button small,.chapter-button em{display:block}.chapter-button b{color:#223228;font-size:15px}.chapter-button small{margin-top:1px;font-size:15px;font-weight:800}.chapter-button em{color:var(--muted);font-size:13px;font-style:normal}.chapter-button.active{background:var(--green);color:#fff;box-shadow:var(--small-shadow)}.chapter-button.active svg,.chapter-button.active b,.chapter-button.active small,.chapter-button.active em{color:#fff}.rail-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;display:grid}.rail-actions button{min-height:68px;color:var(--green);background:#245b3814;border:1px dashed #245b3866;border-radius:14px;place-items:center;gap:5px;font-size:14px;font-weight:800;display:grid}.rail-actions svg{width:22px;height:22px}.book-stage{border-radius:18px;min-width:0;padding:16px;overflow:auto}.topbar{border-bottom:1px solid #775f3733;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;padding:4px 2px 12px;display:flex}.topbar-title,.topbar-subtitle{margin:0}.topbar-title{color:var(--green);font-size:18px;font-weight:900}.topbar-subtitle{color:var(--muted);font-size:14px}.topbar-context{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.topbar-context span{border:1px solid var(--line);background:var(--surface-2);color:#31513b;border-radius:999px;align-items:center;min-height:34px;padding:7px 10px;font-size:14px;font-weight:800;display:inline-flex}.day-page{gap:16px;min-width:0;display:grid}.day-page>*,.hero-panel>*,.reader-card>*,.split-section>*,.meander-grid>*{min-width:0}.hero-panel,.reading-layout,.meander-lab,.ecology-panel,.micro-panel,.field-strip,.discovery-panel,.source-details,.guide-page,.preview-card{background:var(--surface);box-shadow:var(--small-shadow);border:1px solid #775f373b;border-radius:18px}.hero-panel{grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);align-items:center;gap:18px;padding:22px;display:grid;overflow:hidden}.day-marker{background:var(--green);color:#fff;border-radius:8px;align-items:center;min-height:34px;padding:7px 12px;font-size:16px;font-weight:900;display:inline-flex}h1,h2{letter-spacing:0;font-family:Songti SC,STSong,Noto Serif CJK SC,serif}.hero-copy h1{color:#173d28;margin:14px 0 10px;font-size:48px;line-height:1.12}.hero-copy p{color:#35473a;max-width:720px;margin:0;font-size:19px}.route-strip{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.route-strip span{border:1px solid var(--line);background:var(--surface-2);color:#31513b;border-radius:999px;align-items:center;gap:7px;min-height:34px;padding:7px 10px;font-size:14px;font-weight:800;display:inline-flex}.route-strip svg{width:14px;height:14px;color:var(--ochre)}.hero-photo{border:1px solid var(--line);background:#fff;border-radius:16px;margin:0;overflow:hidden;transform:rotate(2deg)}.hero-photo img{aspect-ratio:4/3;object-fit:cover}.hero-photo figcaption,.reader-photo figcaption{color:var(--muted);padding:10px 12px;font-size:14px}.reading-layout{padding:14px}.section-tabs{gap:8px;padding-bottom:10px;display:flex;overflow-x:auto}.section-tab{border:1px solid var(--line);background:var(--surface-2);color:#405244;text-align:left;border-radius:14px;flex:0 0 190px;min-height:58px;padding:9px 10px;font-size:14px;font-weight:800}.section-tab span{color:var(--ochre);font-size:12px;display:block}.section-tab.active{background:var(--green);border-color:var(--green);color:#fff}.section-tab.active span{color:#f9d895}.reader-card{border:1px solid var(--line);background:linear-gradient(#fffef8f0,#f4faefd1);border-radius:16px;grid-template-columns:minmax(0,1fr) minmax(240px,.72fr);align-items:center;gap:20px;padding:18px;display:grid}.section-deck{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:var(--river-2);color:#23566a;padding:2px 6px;font-weight:850;display:inline}.reader-text h2,.panel-heading h2,.guide-card h2,.preview-card h1{color:#173d28;margin:12px 0 10px;font-size:31px;line-height:1.2}.reader-text p{color:#35473a;font-size:17px}.parent-note{background:#fff2f4;border:1px solid #e3c6cc;border-radius:14px;grid-template-columns:26px 1fr;gap:10px;margin-top:14px;padding:14px;display:grid}.parent-note svg,.parent-note b{color:var(--berry)}.parent-note p{margin:4px 0 0;font-size:15px}.reader-photo{border:1px solid var(--line);background:#fff;border-radius:16px;margin:0;overflow:hidden}.reader-photo img{aspect-ratio:4/3;object-fit:cover}.panel-heading{grid-template-columns:36px 1fr;align-items:start;gap:12px;display:grid}.panel-heading>svg{width:32px;height:32px;color:var(--green)}.panel-heading h2{margin-top:0;margin-bottom:4px}.panel-heading p{color:var(--muted);margin:0;font-size:15px}.meander-lab,.ecology-panel,.micro-panel,.field-strip,.discovery-panel{padding:18px}.meander-grid{grid-template-columns:minmax(0,1fr) 220px;gap:16px;margin-top:16px;display:grid}.river-board{background-color:#f7fcf8;background-image:linear-gradient(90deg,#245b381a 1px,#0000 1px),linear-gradient(#245b3814 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:30px 30px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #c6dce1;border-radius:16px;min-height:286px;position:relative;overflow:hidden}.river-board svg{width:100%;height:100%;min-height:286px}.river-label{border:1px solid var(--line);color:#2c4035;background:#fff;border-radius:12px;max-width:150px;padding:8px 10px;font-size:14px;font-weight:850;position:absolute;box-shadow:0 5px 14px #2f23121f}.river-label.concave{top:41%;right:12%}.river-label.convex{top:56%;left:9%}.river-label.wetland{bottom:14px;left:37%}.lab-controls{border:1px solid var(--line);background:var(--surface-2);border-radius:16px;align-content:center;gap:12px;padding:16px;display:grid}.lab-controls label{color:var(--green);font-size:18px;font-weight:900}.lab-controls input{accent-color:var(--river)}.lab-controls p{color:#405244;margin:0;font-size:15px}.lab-controls .reset-button,.field-more,.preview-card a{background:var(--green);color:#fff;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:9px 12px;font-size:15px;font-weight:900;display:inline-flex}.lab-controls svg,.field-more svg,.preview-card a svg{width:18px;height:18px}.stage-buttons{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.stage-buttons button{border:1px solid var(--line);background:var(--green-3);min-height:38px;color:var(--green);border-radius:11px;padding:7px 8px;font-size:14px;font-weight:900}.split-section{grid-template-columns:minmax(0,1fr) minmax(270px,.78fr);gap:16px;display:grid}.web-board{background:#f7fcf3;border:1px solid #cbdcbc;border-radius:16px;height:330px;margin-top:14px;position:relative;overflow:hidden}.web-board svg{width:100%;height:100%;position:absolute;inset:0}.web-board line{stroke:#245b3852;stroke-width:1.8px}.web-node{border:1px solid var(--line);color:#284433;background:#fff;border-radius:999px;min-width:88px;min-height:44px;padding:8px 11px;font-size:15px;font-weight:900;position:absolute;transform:translate(-50%,-50%);box-shadow:0 6px 15px #245b381f}.web-node.active{background:var(--green);border-color:var(--green);color:#fff}.web-detail{border:1px solid var(--line);background:var(--surface-2);border-radius:14px;margin-top:12px;padding:14px}.web-detail b{color:var(--green);font-size:18px}.web-detail p{color:#405244;margin:5px 0 0}.micro-list{gap:10px;margin-top:14px;display:grid}.micro-card{border:1px solid var(--line);background:var(--surface-2);border-radius:14px;grid-template-columns:34px 1fr;gap:10px;padding:12px;display:grid}.micro-card svg{width:28px;height:28px;color:var(--river)}.micro-card b{color:var(--green)}.micro-card p{color:#4c5e52;margin:3px 0 0;font-size:14px}.field-card-row{grid-template-columns:repeat(6,minmax(120px,1fr)) 130px;gap:10px;margin-top:15px;display:grid}.field-card,.field-more{min-height:142px}.field-card{border:1px solid var(--line);background:var(--surface-2);border-radius:15px;padding:13px}.field-card svg{width:30px;height:30px;color:var(--green)}.field-card span{color:var(--ochre);margin-top:8px;font-size:12px;font-weight:900;display:block}.field-card b{color:#223b2c;font-size:17px;display:block}.field-card p{color:var(--muted);margin:4px 0 0;font-size:13px}.field-more{border:1px dashed #245b3873;align-self:stretch}.discovery-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:15px;display:grid}.discovery-grid div{background:#fff;border:1px dashed #bda87f;border-radius:15px;min-height:130px;padding:15px}.discovery-grid b{color:var(--green);align-items:center;gap:8px;font-size:17px;display:flex}.discovery-grid svg{width:19px;height:19px}.discovery-grid p{color:var(--muted);font-size:15px}.source-details{padding:15px 18px}.source-details summary{color:var(--green);font-size:17px;font-weight:900}.source-details li{color:var(--muted);margin:8px 0;font-size:14px}.deep-panel{border-radius:18px;height:calc(100dvh - 24px);padding:15px;position:sticky;top:12px;overflow:auto}.deep-header h2{color:var(--green);margin:0 0 5px;font-family:Songti SC,STSong,serif;font-size:31px}.deep-header p{color:var(--muted);margin:0;font-size:14px}.deep-tabs,.guide-tabs{grid-template-columns:repeat(4,1fr);gap:6px;margin:14px 0;display:grid}.deep-tabs button,.guide-tabs button{border:1px solid var(--line);background:var(--surface-2);color:#39513f;border-radius:12px;min-height:42px;font-size:14px;font-weight:900}.deep-tabs button.active,.guide-tabs button.active{background:var(--green);border-color:var(--green);color:#fff}.deep-list{gap:10px;display:grid}.deep-card{border:1px solid var(--line);background:var(--surface-2);border-radius:15px;overflow:hidden}.deep-card summary{color:var(--green);cursor:pointer;grid-template-columns:34px 1fr;align-items:center;gap:10px;padding:12px;display:grid}.deep-card summary svg{width:28px;height:28px}.deep-card summary b,.deep-card summary small{display:block}.deep-card summary small{color:var(--muted);font-size:12px}.deep-card>p,.deep-extra,.deep-question{margin:0 12px 12px;font-size:14px}.deep-card>p{color:#405244}.deep-extra{background:#fff2f4;border-radius:12px;padding:11px}.deep-extra b{color:var(--berry)}.deep-extra p{color:#5a4143;margin:3px 0 0}.deep-question{background:var(--green-3);color:var(--green);border-radius:12px;padding:10px 11px;font-weight:900}.guide-page,.preview-page{min-height:calc(100dvh - 110px)}.guide-page{padding:20px}.guide-hero{background:linear-gradient(90deg, #245b3826, #2b82a01f), var(--surface-2);border-radius:18px;padding:24px}.guide-hero h1,.preview-card h1{color:#173d28;margin:0 0 8px;font-size:46px;line-height:1.12}.guide-hero p,.preview-card p{color:#43564a;max-width:680px;margin:0;font-size:18px}.guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.guide-card{border:1px solid var(--line);background:var(--surface-2);box-shadow:var(--small-shadow);border-radius:16px;grid-template-rows:auto auto auto auto auto auto 1fr;gap:9px;padding:16px;display:grid}.guide-card>svg{width:34px;height:34px;color:var(--green)}.guide-card span{color:var(--ochre);font-size:13px;font-weight:900}.guide-card h2{margin:0;font-size:28px}.guide-card p{color:#4d5e53;margin:0;font-size:15px}.guide-card div{background:var(--green-3);border-radius:12px;padding:11px}.guide-card div b{color:var(--green)}.guide-card em{color:var(--berry);font-style:normal;font-weight:900}.preview-page{place-items:center;display:grid}.preview-card{width:min(780px,100%);padding:28px}.preview-card>svg{width:42px;height:42px;color:var(--green)}.preview-card span{color:var(--ochre);margin-top:12px;font-weight:900;display:block}.preview-card h2{color:var(--green);margin:8px 0 12px;font-size:25px}.topic-list{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.topic-list b{border:1px solid var(--line);background:var(--surface-2);color:#31513b;border-radius:999px;padding:8px 10px}.resource-shelf{background:linear-gradient(135deg, #2b82a01f, #a43d4514), var(--surface);box-shadow:var(--small-shadow);border:1px solid #775f373b;border-radius:18px;padding:18px}.resource-filters{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.resource-filters button{border:1px solid var(--line);color:#345342;background:#fffef8db;border-radius:999px;min-height:38px;padding:7px 12px;font-size:14px;font-weight:900}.resource-filters button.active{border-color:var(--river);background:var(--river);color:#fff}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.resource-card{background:linear-gradient(180deg, #ffffffbf, #faf5e6c7), var(--surface-2);border:1px solid #775f3738;border-radius:16px;gap:9px;min-height:188px;padding:15px;display:grid;box-shadow:0 10px 24px #2f231214}.resource-card:hover{border-color:#2b82a07a;transform:translateY(-2px)}.resource-meta,.resource-footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.resource-meta b{background:var(--green-3);color:var(--green);border-radius:999px;padding:4px 8px;font-size:12px}.resource-meta small{color:var(--muted);text-align:right;font-size:12px;font-weight:800}.resource-card strong{color:#173d28;align-items:center;gap:8px;font-size:18px;line-height:1.28;display:flex}.resource-card strong svg{width:19px;height:19px;color:var(--berry);flex:none}.resource-card p{color:#425647;margin:0;font-size:14px}.resource-footer{color:var(--river);align-self:end;font-size:13px;font-weight:900}.resource-footer svg{width:16px;height:16px}.meander-atlas{background:radial-gradient(circle at 18% 18%, #d8ebc4cc, transparent 34%), radial-gradient(circle at 80% 12%, #bfe5eda3, transparent 30%), var(--surface);overflow:hidden}.meander-atlas-grid{grid-template-columns:minmax(0,1fr) 250px;align-items:stretch}.river-atlas-board{background:#dcebc7;border-color:#2b82a052;border-radius:18px;min-height:360px;box-shadow:inset 0 0 0 1px #ffffff80}.river-atlas-board:after{content:"";pointer-events:none;background:linear-gradient(#ffffff3d,#0000 42%),radial-gradient(circle at 50% 45%,#0000 52%,#2f23121a);position:absolute;inset:0}.river-atlas-board svg{width:100%;height:100%;min-height:360px;position:absolute;inset:0}.terrain-line,.old-channel,.cutoff-channel,.river-bank,.river-channel,.river-highlight,.river-current,.reed-cluster{fill:none;stroke-linecap:round;stroke-linejoin:round}.terrain-line{stroke:#5c70413d;stroke-width:3px}.terrain-line.soft{stroke:#a7773633}.old-channel{stroke:#48809070;stroke-dasharray:8 9;stroke-width:28px}.cutoff-channel{stroke:#ffffffd1;stroke-dasharray:12 10;stroke-width:16px}.river-bank{stroke:#edf4daeb;stroke-width:82px}.river-channel{stroke:url(#riverGradient);stroke-width:42px}.river-highlight{stroke:#ffffff8c;stroke-width:13px}.river-current{stroke:#ffffffdb;stroke-dasharray:14 22;stroke-width:4px;animation:7s linear infinite riverMove}.sandbar{fill:#e8c47cbd;stroke:#ab7f3b33}.sandbar.second{fill:#f4d992ad}.reed-cluster{stroke:#3a70438a;stroke-width:4px}.river-pin{z-index:1;color:#31453a;background:#fffef8eb;border:1px solid #775f3738;border-radius:13px;max-width:170px;padding:10px 11px;font-size:13px;font-weight:760;line-height:1.35;position:absolute;box-shadow:0 10px 24px #2f23121f}.river-pin b{color:var(--green);font-size:14px;display:block}.river-pin.concave{top:35%;right:7%}.river-pin.convex{top:58%;left:8%}.river-pin.oxbow{bottom:18px;left:39%}.time-panel{background:linear-gradient(180deg, #fffef8f2, #eff7e8e6), var(--surface-2);align-content:start}.meander-meter{background:#e6f1ef;border:1px solid #2b82a052;border-radius:999px;height:12px;overflow:hidden}.meander-meter span{border-radius:inherit;background:linear-gradient(90deg, #8cc7b0, var(--river), var(--berry));height:100%;display:block}.stage-buttons button.active{border-color:var(--river);background:var(--river);color:#fff}.time-panel .reset-button{box-shadow:0 8px 18px #245b3829}.ecosystem-board{background:#eff5dc;border-color:#245b3838;height:360px}.ecosystem-board svg{display:block}.web-land-line,.web-water-line,.web-edge{fill:none;stroke-linecap:round;stroke-linejoin:round}.web-land-line{stroke:#617e4a4d;stroke-width:1.8px}.web-water-line{stroke:#2b82a040;stroke-width:1.4px}.web-edge{stroke:#245b384d;stroke-width:1.8px;transition:stroke .16s,stroke-width .16s}.web-edge.active{stroke:#a43d45c7;stroke-width:3.1px}.ecosystem-board .web-node{text-align:left;border-radius:18px;grid-template-columns:26px 1fr;gap:0 8px;width:122px;min-width:0;min-height:64px;padding:10px;display:grid;box-shadow:0 10px 20px #245b3824}.ecosystem-board .web-node svg{grid-row:1/3;align-self:center;width:24px;height:24px;position:static}.ecosystem-board .web-node span,.ecosystem-board .web-node small{line-height:1.18;display:block}.ecosystem-board .web-node span{font-size:15px}.ecosystem-board .web-node small{color:#31453aad;margin-top:3px;font-size:12px;font-weight:900}.ecosystem-board .web-node.active{color:#1b2f22;border-color:#ffffffb8;transform:translate(-50%,-50%)scale(1.04);box-shadow:0 16px 28px #2f231233}.ecosystem-board .web-node.active small{color:#1f2e24bd}.tone-grass{background:#e6f3d8}.tone-amber{background:#fff0c9}.tone-sky{background:#dff2f7}.tone-berry{background:#ffe1e5}.tone-soil{background:#ead8bd}.web-detail{grid-template-columns:42px 1fr;align-items:start;gap:11px;display:grid}.web-detail>svg{width:34px;height:34px;color:var(--green)}.web-legend{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.web-legend span{color:#405244;background:#fffef8cc;border:1px solid #775f3733;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:900}.deep-resources{border-top:1px solid #775f3738;gap:8px;margin-top:14px;padding-top:14px;display:grid}.deep-resources h3{color:var(--green);margin:0;font-size:16px}.deep-resources a{background:#fffef8c7;border:1px solid #775f3733;border-radius:12px;grid-template-columns:1fr 18px;gap:4px 8px;padding:10px;display:grid}.deep-resources span,.deep-resources b{grid-column:1}.deep-resources span{color:var(--ochre);font-size:12px;font-weight:900}.deep-resources b{color:#243a2d;font-size:14px;line-height:1.32}.deep-resources svg{width:17px;height:17px;color:var(--river);grid-area:1/2/3;align-self:center}@keyframes riverMove{0%{stroke-dashoffset:0}to{stroke-dashoffset:-144px}}@media (width<=1180px){.app-shell{grid-template-columns:205px minmax(0,1fr) 270px;gap:10px;padding:10px}.chapter-rail,.deep-panel{height:calc(100dvh - 20px);top:10px}.hero-copy h1{font-size:40px}.field-card-row{grid-template-columns:repeat(3,minmax(140px,1fr))}.meander-grid,.resource-grid{grid-template-columns:1fr}.hero-photo{transform:none}}@media (width<=900px){.app-shell{padding:0;display:block}.chapter-rail,.book-stage,.deep-panel{box-shadow:none;border-left:0;border-right:0;border-radius:0}.chapter-rail{height:auto;padding:12px;position:static}.chapter-list{display:flex;overflow-x:auto}.chapter-button{min-width:190px}.rail-actions{display:none}.book-stage{padding:12px}.deep-panel{height:auto;margin-top:0;position:static}.hero-panel,.reader-card,.split-section,.meander-grid,.discovery-grid{grid-template-columns:1fr}.hero-copy h1,.guide-hero h1,.preview-card h1{font-size:35px}.topbar{flex-direction:column;align-items:flex-start}.field-card-row,.guide-grid{grid-template-columns:1fr}.river-atlas-board,.river-atlas-board svg{min-height:330px}.river-pin{max-width:145px;font-size:12px}.ecosystem-board{height:380px}}@media (width<=560px){.resource-card{min-height:auto}.river-atlas-board{min-height:300px}.river-pin{max-width:none;margin:10px 0 0 10px;display:inline-block;position:static}.river-pin+.river-pin{margin-top:6px}.ecosystem-board .web-node{width:106px;min-height:58px;padding:8px}.ecosystem-board .web-node span{font-size:13px}}.app-shell{grid-template-columns:76px minmax(0,1fr);width:min(1440px,100%);margin:0 auto}.chapter-rail{border-radius:22px;padding:10px 8px}.brand{justify-content:center;padding:10px 0 6px}.brand strong{display:none}.brand svg{width:32px;height:32px}.chapter-list{gap:9px;padding:0}.chapter-button{text-align:center;border-radius:17px;grid-template-columns:1fr;justify-items:center;min-height:58px;padding:8px 6px}.chapter-button svg{width:24px;height:24px}.chapter-button span{gap:1px;display:grid}.chapter-button b{font-size:11px;line-height:1.1}.chapter-button small,.chapter-button em,.rail-actions{display:none}.book-stage{background:linear-gradient(180deg, #fffef8f5, #faf4e6f0), var(--surface);border-radius:22px;padding:18px 22px}.topbar{z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffaf0e0;border-radius:22px 22px 0 0;margin:-18px -22px 18px;padding:14px 18px 12px;position:sticky;top:0}.day-page{gap:20px}.hero-panel{background:linear-gradient(120deg, #fffef8f5, #f1f9e8db), var(--surface);border-radius:24px;grid-template-columns:minmax(0,.95fr) minmax(320px,.82fr);min-height:min(640px,100dvh - 92px);padding:clamp(22px,4vw,44px)}.hero-copy h1{font-size:clamp(46px,6vw,78px)}.hero-copy p{font-size:20px}.hero-photo{border-radius:22px}.book-spreads{gap:22px;display:grid}.spread-cluster{gap:16px;display:grid}.book-spread{background:linear-gradient(135deg, #ffffffc7, #f7f0ddd6), var(--surface);min-height:560px;box-shadow:var(--small-shadow);border:1px solid #775f3738;border-radius:24px;grid-template-columns:minmax(280px,.86fr) minmax(0,1fr);align-items:center;gap:clamp(20px,4vw,42px);padding:clamp(18px,3vw,34px);display:grid}.spread-cluster:nth-child(2n) .book-spread{grid-template-columns:minmax(0,1fr) minmax(280px,.86fr)}.spread-cluster:nth-child(2n) .spread-media{order:2}.spread-media{background:#dbe7d0;border:1px solid #775f3738;border-radius:22px;align-self:stretch;min-height:440px;margin:0;position:relative;overflow:hidden}.spread-media img{object-fit:cover;height:100%;min-height:440px}.spread-media figcaption{color:#fff;background:#1f2e24b8;border-radius:12px;padding:8px 10px;font-size:12px;line-height:1.35;position:absolute;bottom:12px;left:12px;right:12px}.spread-copy{align-content:center;gap:12px;display:grid}.spread-number{color:var(--ochre);font-size:13px;font-weight:950}.spread-copy h2{color:#173d28;margin:0;font-size:clamp(32px,4vw,52px);line-height:1.12}.spread-deck{color:#23566a;margin:0;font-size:20px;font-weight:900}.spread-copy>p:not(.spread-deck){color:#35473a;margin:0;font-size:17px}.fact-ribbon{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.fact-ribbon span{color:#23566a;background:#dff2f7b3;border:1px solid #2b82a042;border-radius:999px;padding:7px 10px;font-size:13px;font-weight:900}.spread-resources{background:#fffef8b8;border:1px solid #775f3738;border-radius:16px;gap:8px;margin-top:4px;padding:13px;display:grid}.spread-resources>b{color:var(--green);font-size:15px}.spread-resources a{color:#263a2e;grid-template-columns:auto 1fr 16px;align-items:center;gap:7px;font-size:14px;font-weight:850;display:grid}.spread-resources a span{background:var(--green-3);color:var(--green);white-space:nowrap;border-radius:999px;padding:3px 7px;font-size:11px}.spread-resources svg{width:15px;height:15px;color:var(--river)}.spread-learning-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid}.learning-card{background:linear-gradient(180deg, #fffef8db, #f4faefb8), var(--surface-2);border:1px solid #775f3738;border-radius:16px;padding:13px}.learning-card h3{color:var(--green);align-items:center;gap:7px;margin:0 0 8px;font-size:15px;display:flex}.learning-card svg{width:18px;height:18px}.learning-card ul{gap:6px;margin:0;padding-left:18px;display:grid}.learning-card li,.learning-card p{color:#405244;font-size:13px;line-height:1.5}.learning-card p{margin:0}.learning-card b{color:var(--berry);margin-top:9px;font-size:13px;line-height:1.45;display:block}.chapter-library{background:linear-gradient(135deg, #245b381f, #2b82a01a), var(--surface)}.chapter-library .resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.chapter-library .resource-card{min-height:176px}.field-card-row{grid-template-columns:repeat(4,minmax(0,1fr))}.field-card{background:#fff;min-height:260px;padding:0;overflow:hidden}.field-card img{aspect-ratio:4/3;object-fit:cover}.field-card>svg{margin:14px 14px 0}.field-card span,.field-card b,.field-card p,.field-card small{margin-left:13px;margin-right:13px}.field-card small{color:#7a6a52;margin-top:auto;padding-bottom:12px;font-size:11px;line-height:1.3;display:block}.field-more{min-height:260px}.guide-card figure{background:#e7ead7;border-radius:16px 16px 0 0;margin:-16px -16px 4px;overflow:hidden}.guide-card figure img{aspect-ratio:16/10;object-fit:cover}.guide-card figcaption{color:#fff;background:#1f2e24c2;min-height:34px;padding:6px 10px;font-size:10px;line-height:1.2}.guide-card>svg{margin-bottom:6px}@media (width<=1180px){.app-shell{grid-template-columns:68px minmax(0,1fr)}.chapter-rail,.deep-panel{height:calc(100dvh - 20px);top:10px}.book-spread,.spread-cluster:nth-child(2n) .book-spread{grid-template-columns:1fr;min-height:0}.spread-cluster:nth-child(2n) .spread-media{order:0}.spread-media,.spread-media img{min-height:340px}.field-card-row{grid-template-columns:repeat(3,minmax(0,1fr))}.spread-learning-grid,.chapter-library .resource-grid{grid-template-columns:1fr}}@media (width<=900px){.app-shell{display:block}.chapter-rail{display:none}.book-stage{border-radius:0;padding:12px}.topbar{border-radius:0;margin:-12px -12px 14px}.hero-panel{grid-template-columns:1fr;min-height:0}.hero-copy h1{font-size:42px}.field-card-row{grid-template-columns:1fr 1fr}}@media (width<=560px){.hero-panel{padding:18px}.hero-copy h1{font-size:38px}.spread-copy h2{font-size:31px}.spread-deck{font-size:17px}.spread-media,.spread-media img{min-height:280px}.field-card-row{grid-template-columns:1fr}}