/* One preview, five chapter selectors. Scrolling and deliberate pointer movement share the same active chapter. */
.index-layout{display:grid;grid-template-columns:minmax(245px,.9fr) minmax(0,2fr);align-items:start;gap:6%}
.index-aside{display:block;position:sticky;top:105px;padding:0;align-self:start}
.chapter-preview{position:relative;isolation:isolate;overflow:hidden;border:1px solid #eaded9;border-radius:30px;padding:25px;background:linear-gradient(150deg,#fff 15%,#fff6f1);box-shadow:0 18px 55px #48211406}
.chapter-preview:before{content:'';position:absolute;inset:0;background:radial-gradient(#c9362220 .7px,transparent .7px);background-size:16px 16px;mask-image:linear-gradient(transparent,#000 25%,#000 75%,transparent);pointer-events:none;z-index:-1}
.chapter-preview-top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#888;font-size:9px;letter-spacing:.13em;text-transform:uppercase}.chapter-preview-top>span:last-child{display:flex;align-items:center;gap:7px}.chapter-preview-top i{display:block;width:5px;height:5px;border-radius:50%;background:#c93622;box-shadow:0 0 0 4px #c936220c}
.chapter-art{display:block;width:100%;height:145px;margin:12px 0;color:#c93622;overflow:visible}.chapter-art g[data-chapter]{opacity:0;transform:translateY(9px) scale(.94);transform-origin:center;transition:opacity .4s,transform .65s cubic-bezier(.2,.8,.2,1)}.chapter-art g.is-active{opacity:1;transform:none}.chapter-art .quiet{stroke:#cac2be}.chapter-art .solid{fill:#c93622;stroke:none}.chapter-art .wash{fill:#fff0ea;stroke:#c93622}.chapter-art .orbit-line{transform-origin:120px 90px;animation:chapter-orbit 22s linear infinite}
.chapter-preview .number{font-size:57px;letter-spacing:-.075em;line-height:1}.chapter-preview .number>span{font-size:14px;color:#bbaaa3!important;letter-spacing:0;margin-left:7px}.chapter-preview-label{display:flex;justify-content:space-between;align-items:end;gap:12px}.chapter-preview-label small{font-size:9px;color:#977e75;padding-bottom:7px}.chapter-preview h3{font-size:25px;font-weight:500;letter-spacing:-.045em;margin:16px 0 9px}.chapter-preview p{font-size:12px;line-height:1.8;color:#80736d;margin:0;max-width:none;min-height:44px}
.chapter-topic-links{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.chapter-topic-links button{border:1px solid #e0d7d3;border-radius:999px;background:#ffffffb8;color:#665952;padding:9px 12px;font-size:10px;line-height:1.3;transition:background .25s,border-color .25s,transform .25s}.chapter-topic-links button:hover{background:#fff0e9;border-color:#cf8c75;transform:translateY(-2px)}.chapter-topic-links button:focus-visible{outline:2px solid #c93622;outline-offset:3px}
.chapter-dots{display:flex;gap:6px;margin-top:20px}.chapter-dots span{height:3px;flex:1;background:#e8ddd7;border-radius:99px;transition:background .3s}.chapter-dots span.is-active{background:#c93622}.chapter-hint{font-size:10px!important;color:#999!important;line-height:1.7!important;margin:13px 8px!important}.chapter-preview.is-changing h3,.chapter-preview.is-changing .chapter-description,.chapter-preview.is-changing .number{animation:chapter-copy .35s both}
.index-list{border:0;display:grid;gap:12px}.index-list>.chapter-row{display:flex;align-items:center;gap:23px;text-align:left;width:100%;min-height:clamp(140px,22vh,200px);padding:28px;position:relative;isolation:isolate;border:1px solid #e9e6e4;border-radius:25px;background:#fff;color:#232323;overflow:hidden;transition:border-color .35s,box-shadow .35s,background .35s}
.chapter-row:before{content:'';position:absolute;inset:0;z-index:-1;opacity:0;background:radial-gradient(280px circle at var(--pointer-x,30%) var(--pointer-y,50%),#f6d6c88c,transparent 80%);transition:opacity .35s;pointer-events:none}.chapter-row.is-previewed{border-color:#e0b4a6;box-shadow:0 10px 35px #71301b06;background:#fffaf7}.chapter-row strong{font-size:clamp(24px,2.5vw,36px);font-weight:500;letter-spacing:-.045em;transition:color .3s,transform .35s}.chapter-row .num{font-size:10px;color:#888}.chapter-row .chapter-select-icon{display:grid;place-items:center;margin-left:auto;flex-shrink:0;width:35px;height:35px;border:1px solid #e0d7d3;border-radius:50%;color:#8c7d75;font-size:18px;transition:background .3s,color .3s}.chapter-row.is-previewed strong,.chapter-row.is-previewed .num{color:#b43c27}.chapter-row.is-previewed .chapter-select-icon{background:#c93622;color:#fff;border-color:#c93622}.chapter-row:focus-visible{outline:2px solid #c93622;outline-offset:5px}
@media(hover:hover) and (pointer:fine){.chapter-row:hover:before{opacity:1}.chapter-row:hover strong{transform:translateX(5px)}.chapter-row:hover{border-color:#e0b4a6}}
@keyframes chapter-orbit{to{transform:rotate(360deg)}}@keyframes chapter-copy{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:900px){.index-layout{grid-template-columns:235px minmax(0,1fr);gap:25px}.chapter-preview{padding:20px}.chapter-art{height:125px}.chapter-preview h3{font-size:22px}.index-list>.chapter-row{padding:22px;gap:15px}.chapter-row strong{font-size:25px}}
@media(max-width:700px){.index-layout{display:block}.index-aside{display:block;position:sticky;top:88px;z-index:5;margin-bottom:22px;background:#fff;border-radius:23px}.chapter-preview{display:grid;grid-template-columns:1fr 1fr;gap:0 15px;padding:18px;border-radius:23px;box-shadow:0 14px 30px #4821140a}.chapter-preview-top{grid-column:1/-1;font-size:8px}.chapter-art{grid-column:2;grid-row:2/5;height:105px;margin:12px 0 0}.chapter-preview-label{grid-column:1;margin-top:15px;align-items:center}.chapter-preview .number{font-size:38px}.chapter-preview-label small{display:none}.chapter-preview h3{grid-column:1;font-size:21px;margin-top:9px}.chapter-preview p{grid-column:1/-1;min-height:0;font-size:11px}.chapter-topic-links{grid-column:1/-1;margin-top:12px;gap:6px}.chapter-topic-links button{font-size:10px;padding:8px 10px}.chapter-dots{grid-column:1/-1;margin-top:15px}.chapter-hint{display:none}.index-list>.chapter-row{min-height:120px;padding:20px;gap:13px;border-radius:23px}.chapter-row strong{font-size:25px}.chapter-row .chapter-select-icon{width:30px;height:30px;font-size:16px}}
@media(max-height:740px) and (min-width:701px){.chapter-art{height:100px}.chapter-preview{padding:20px}.chapter-preview .number{font-size:45px}.chapter-preview h3{margin-top:12px;font-size:23px}.chapter-topic-links{margin-top:12px}.chapter-topic-links button{padding:7px 10px}.chapter-dots{margin-top:15px}.chapter-hint{margin-top:9px!important}}
@media(prefers-reduced-motion:reduce){.chapter-art .orbit-line{animation:none}.chapter-art g[data-chapter],.chapter-art g.is-active{transform:none;transition:none}.chapter-preview.is-changing h3,.chapter-preview.is-changing .chapter-description,.chapter-preview.is-changing .number{animation:none}.chapter-row,.chapter-row strong,.chapter-select-icon,.chapter-topic-links button{transition:none!important;transform:none!important}}