/* SMORTLER SI - twenty-topic reading accordion, version 12.
   Scoped to article lists only; untouched hero / Part 02 artwork. */
.si-toc-hint{background:#f5f1ff;border-left:4px solid #7441b5;border-radius:7px;padding:12px 15px;margin:15px 0 20px;line-height:1.55;color:#3b2c50}
.cy-page .si-topic-list{padding:0!important;margin:12px 0 35px!important;list-style:none!important;counter-reset:none!important;display:grid;gap:13px}
.cy-page .si-topic-list>.si-topic-card{counter-increment:none!important;position:relative!important;list-style:none!important;margin:0!important;padding:0!important;border-radius:15px!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
.cy-page .si-topic-list>.si-topic-card::before,.cy-page .si-topic-list>.si-topic-card::after{display:none!important;content:none!important}
.cy-page .si-topic-details{border:1px solid #e8e1f1;border-radius:15px;background:#fff;overflow:hidden;box-shadow:0 4px 20px rgba(42,17,73,.035);transition:border-color .18s ease,box-shadow .18s ease}
.cy-page .si-topic-details:hover{border-color:#bba0d9;box-shadow:0 6px 24px rgba(42,17,73,.085)}
.cy-page .si-topic-details[open]{border-color:#a178d1;box-shadow:0 12px 30px rgba(42,17,73,.085)}
.cy-page .si-topic-summary{display:flex;flex-direction:column;align-items:flex-start;gap:7px;cursor:pointer;list-style:none!important;padding:20px 58px 20px 22px;position:relative;color:#221435;min-height:124px;user-select:none}
.cy-page .si-topic-summary::-webkit-details-marker{display:none}
.cy-page .si-topic-summary::marker{content:''}
.cy-page .si-topic-summary:focus-visible{outline:3px solid #ff8b37;outline-offset:-4px;border-radius:15px}
.cy-page .si-topic-kicker{font-size:11px!important;letter-spacing:.15em;font-weight:850;color:#7432a5;line-height:1.3}
.cy-page .si-topic-heading h3{font-size:clamp(18px,2.1vw,24px)!important;line-height:1.28!important;letter-spacing:-.024em;margin:0!important;padding:0!important;color:#261538!important}
.cy-page .si-topic-teaser{font-size:14px;line-height:1.55;color:#675774;font-weight:400}
.cy-page .si-topic-action{font-size:12px;font-weight:800;color:#6a31a2;margin-top:4px;letter-spacing:.01em}
.cy-page .si-topic-action::after{content:'  ↓'}
.cy-page .si-topic-summary::after{content:'+';position:absolute;right:20px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#f2eafb;color:#68349b;font-size:25px;font-weight:400}
.cy-page .si-topic-details[open]>.si-topic-summary{background:linear-gradient(115deg,#faf7ff,#fff);border-bottom:1px solid #ece4f5}
.cy-page .si-topic-details[open]>.si-topic-summary::after{content:'−';background:#6b32a9;color:white}
.cy-page .si-topic-details[open] .si-topic-action{color:#6b32a9}
.cy-page .si-topic-details[open] .si-topic-action::after{content:'  ↑'}
.cy-page .si-topic-content{padding:21px clamp(17px,3vw,30px) 26px;line-height:1.75;overflow-wrap:anywhere;color:inherit;user-select:text}
.cy-page .si-topic-content>:first-child{margin-top:0}
.cy-page .si-topic-content table{max-width:100%}
.cy-page .si-topic-content .phonetic-grid{max-width:100%;overflow-x:auto}
.cy-page .si-topic-bottom-nav{display:flex;justify-content:flex-end;border-top:1px solid #ede6f5;padding-top:16px;margin-top:26px}
.cy-page .si-topic-bottom-nav a{color:#643299;font-weight:750;text-decoration:none;font-size:13px}
.cy-page .si-topic-bottom-nav a:hover{text-decoration:underline}
.cy-page .si-topic-tools{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:11px;margin:26px 0 10px}
.cy-page .si-topic-tools-label{font-size:13px;color:#685b73}
.cy-page .si-topic-tools-buttons{display:flex;gap:8px}
.cy-page .si-topic-control{cursor:pointer;background:#f5edff;color:#51277f;border:1px solid #dfd0ec;border-radius:9px;font:inherit;font-size:12px;font-weight:800;padding:9px 12px;line-height:1.3}
.cy-page .si-topic-control:hover{background:#e8dcfb}
.cy-page .si-topic-control:focus-visible{outline:3px solid #ff8629;outline-offset:2px}
.cy-page .si-topic-card{scroll-margin-top:30px}
@media(max-width:620px){
 .cy-page .si-topic-summary{padding:17px 48px 17px 16px;min-height:0}
 .cy-page .si-topic-summary::after{right:12px}
 .cy-page .si-topic-heading h3{font-size:18px!important}
 .cy-page .si-topic-teaser{font-size:13px}
 .cy-page .si-topic-tools-label{flex-basis:100%}
 .cy-page .si-topic-content{padding:18px 15px 22px}
}
@media(prefers-reduced-motion:reduce){.cy-page .si-topic-details{transition:none}}