/* Two clear learning routes: browse by topic, or follow the reading order. */
.learning-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 30px}
.learning-modes>a{display:flex;align-items:center;gap:14px;padding:21px;background:#fff;border:1px solid var(--line);border-radius:12px;min-width:0}
.learning-modes>a[aria-current]{background:#fff5d6;border-color:#d7b45a;box-shadow:inset 0 3px #efb92f}
.learning-modes>a:hover{background:#fff0bf;box-shadow:0 4px 14px #55432012;color:var(--ink)}
.learning-modes .mode-icon{display:grid;place-items:center;flex:0 0 38px;height:38px;background:#f1f2ec;border-radius:9px;font-size:21px;letter-spacing:-1px;color:var(--ink);margin:0}
.learning-modes>a[aria-current] .mode-icon{background:#edbe42}
.learning-modes .mode-copy{display:grid;gap:4px;margin:0;min-width:0;flex:1;color:var(--ink)}
.mode-copy strong{font-size:18px;line-height:1.5}.mode-copy small{font-size:11px;font-weight:400;color:var(--muted)}
.learning-modes b{font-size:18px;font-weight:400}
.topic-search{background:#fff;border:1px solid var(--line);padding:21px 24px;border-radius:12px;margin:0 0 30px}.topic-search label{font-size:15px}.topic-search p{margin:8px 0 0}.topic-search button{background:var(--ink);color:#fff;min-width:78px}.topic-search button:hover{background:#485242}
.topic-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:28px 0 18px}.topic-section-head h2{font-size:23px;margin:0;line-height:1.5}.topic-section-head h2 small{font-size:12px;margin-left:9px;font-weight:500;color:var(--muted)}.topic-section-head>a,.topic-section-head>span{font-size:12px;color:var(--muted)}.topic-section-head>a{text-decoration:underline;text-underline-offset:4px}
.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.topic-card{display:grid;grid-template-rows:subgrid;grid-row:span 4;gap:12px;padding:21px;background:#fff;border:1px solid var(--line);border-radius:11px;min-width:0;transition:transform .18s,border-color .18s,box-shadow .18s}
.topic-card:hover{color:var(--ink);border-color:#b89947;box-shadow:0 5px 18px #40351412;transform:translateY(-2px)}
.topic-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.topic-card-meta b{font-size:12px;color:#896515}.topic-card-meta small{font-size:10px;color:var(--muted)}.topic-card h3{font-size:18px;line-height:1.6;margin:0}.topic-card p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.topic-card>strong{border-top:1px solid var(--line);padding-top:13px;font-size:12px;align-self:end}
.learning-utility{display:flex;gap:20px;flex-wrap:wrap;margin:35px 0 0;padding-top:22px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.learning-utility a{text-decoration:underline;text-underline-offset:4px}
.topic-breadcrumb{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 30px;font-size:13px}.topic-breadcrumb>label{font-size:11px;color:var(--muted);max-width:55%}.topic-breadcrumb select{display:block;background:#fff;border:1px solid var(--line);border-radius:7px;padding:8px;max-width:100%;margin-top:5px}
.topic-chapter-start{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff4d4;border:1px solid #e4d092;border-radius:10px;padding:20px 24px;margin-bottom:35px}.topic-chapter-start p{font-size:13px;flex:1;margin:0}.topic-chapter-start a{font-size:13px;flex-shrink:0}
.topic-results-label{font-size:17px;margin:27px 0 15px}.topic-search-results{display:grid;gap:9px}.topic-search-results>a{display:flex;align-items:center;gap:20px;justify-content:space-between;border:1px solid var(--line);background:#fff;border-radius:10px;padding:18px 22px}.topic-search-results>a:hover{background:#fff8e5}.topic-search-results strong,.topic-search-results small{display:block}.topic-search-results strong{font-size:16px;margin:4px 0}.topic-search-results small,.topic-search-results p{font-size:11px;color:var(--muted);margin:0}.topic-search-results b{font-size:20px;font-weight:400}
.reading-start{display:grid;grid-template-columns:1.15fr 1fr;gap:32px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px}.reading-start h2{font-size:23px;line-height:1.55;margin:10px 0}.reading-start p{font-size:13px;color:var(--muted);margin:10px 0 18px}.reading-start .comic-cta{display:inline-block;font-size:13px}.reading-resume,.reading-how{border-left:1px solid var(--line);padding-left:28px}.reading-resume>strong{display:block;font-size:18px;line-height:1.6;margin-top:10px}.reading-resume>small,.reading-how>small{display:block;font-size:11px;color:var(--muted);margin-top:13px}.reading-how{display:flex;flex-direction:column;justify-content:center;gap:9px;font-size:14px}.reading-how>span{padding:9px 13px;background:#f5f6f2;border-radius:7px}
.reading-chapters{display:grid;gap:10px}.reading-chapter{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.reading-chapter summary{display:flex;align-items:center;gap:17px;padding:21px 24px;cursor:pointer;list-style:none}.reading-chapter summary::-webkit-details-marker{display:none}.reading-chapter summary:hover{background:#fff9e8}.reading-chapter summary>span:nth-child(2){flex:1;min-width:0}.chapter-number{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:#f6edce;font-size:13px;font-weight:650;flex-shrink:0}.reading-chapter summary strong{display:block;font-size:17px;line-height:1.6}.reading-chapter summary small{display:block;font-size:11px;color:var(--muted);font-weight:400;margin-top:3px}.reading-chapter summary>b{font-size:21px;font-weight:400;transition:transform .18s}.reading-chapter[open] summary>b{transform:rotate(45deg)}.reading-chapter[open] summary{background:#fff7df;border-bottom:1px solid var(--line)}.reading-chapter>div{padding:20px 24px}.reading-chapter>div>p{font-size:13px;margin:0 0 13px;color:var(--muted)}.chapter-start{font-size:13px;display:inline-block;padding:9px 14px;background:var(--ink);color:#fff;border-radius:7px}.chapter-start:hover{background:#414b3d;color:white}.reading-chapter ol{list-style:none;margin:18px 0 0;padding:0}.reading-chapter li+li{border-top:1px solid var(--line)}.reading-chapter li a{display:flex;align-items:center;gap:13px;padding:13px 0;font-size:13px}.reading-chapter li a>span:nth-child(2){flex:1}.reading-kind{font-size:10px;background:#f4f2e7;border-radius:4px;padding:3px 6px;flex-shrink:0}.reading-chapter li small{font-size:10px;color:var(--muted);flex-shrink:0}
.reading-position{display:flex;gap:18px;align-items:center;justify-content:space-between;background:#fff5d6;border:1px solid #ddc681;border-radius:10px;padding:18px 23px;margin-bottom:24px}.reading-position strong{display:block;font-size:16px;margin:4px 0}.reading-position small{font-size:11px;color:var(--muted);display:block}.reading-position>a{font-size:12px;text-decoration:underline;text-underline-offset:4px}.reading-position>p{flex-basis:100%}
.reading-pager{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:32px 0 10px}.reading-pager>a{display:flex;flex-direction:column;gap:9px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px}.reading-pager>a.next{background:#fff1c5;border-color:#ddc16d}.reading-pager>a:hover{background:#f5e5b0;color:var(--ink)}.reading-pager small{font-size:11px;color:var(--muted);font-weight:400}.reading-pager strong{font-size:15px;line-height:1.7}.reading-pager em{display:block;font-size:11px;font-style:normal;font-weight:400}
@media(max-width:1200px){.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-modes>a{padding:18px 16px;gap:10px}.mode-copy strong{font-size:16px}.learning-modes .mode-icon{flex-basis:32px;height:32px;font-size:18px}.reading-start{gap:22px;padding:23px}.reading-resume,.reading-how{padding-left:22px}}
@media(max-width:1000px){.learning-modes .mode-icon{display:none}.topic-chapter-start{display:block}.topic-chapter-start p{margin-bottom:15px}.reading-start{grid-template-columns:1fr}.reading-resume,.reading-how{border-left:0;border-top:1px solid var(--line);padding:22px 0 0}.reading-how{gap:7px}.reading-start h2{font-size:22px}}
@media(max-width:620px){.learning-modes{grid-template-columns:1fr;gap:9px;margin-bottom:22px}.learning-modes .mode-icon{display:grid;flex-basis:35px;height:35px}.learning-modes>a{padding:15px 16px}.mode-copy strong{font-size:16px}.mode-copy small{font-size:11px}.topic-search{padding:18px;margin-bottom:24px}.topic-search input{font-size:16px}.topic-search button{min-width:58px}.topic-section-head{align-items:flex-start;flex-wrap:wrap;gap:8px;margin-top:24px}.topic-section-head h2{font-size:21px}.topic-section-head>span{display:none}.topic-grid{grid-template-columns:1fr;gap:12px}.topic-card{grid-row:auto;grid-template-rows:auto auto auto auto;gap:10px;padding:20px}.topic-card h3{font-size:18px}.topic-card-meta small{font-size:11px}.topic-card p{font-size:13px}.topic-breadcrumb{display:block;margin-bottom:22px}.topic-breadcrumb>label{display:block;max-width:100%;margin-top:18px}.topic-breadcrumb select{width:100%}.topic-chapter-start{padding:20px}.reading-start{padding:21px;gap:20px}.reading-start h2{font-size:21px}.reading-start .comic-cta{display:block;text-align:center}.reading-chapter summary{padding:17px 16px;gap:12px}.reading-chapter summary strong{font-size:15px}.reading-chapter>div{padding:18px 16px}.reading-chapter li a{display:grid;grid-template-columns:1fr auto;gap:6px 10px}.reading-chapter li .reading-kind{grid-column:1;justify-self:start}.reading-chapter li a>span:nth-child(2){grid-column:1/-1;grid-row:2}.reading-chapter li small{grid-column:2;grid-row:1}.reading-position{display:block;padding:16px 18px}.reading-position>a{display:inline-block;margin-top:10px}.reading-pager{gap:10px}.reading-pager>a{padding:15px 13px}.reading-pager strong{font-size:13px}.reading-pager small{font-size:10px}.learning-utility{gap:14px;font-size:12px}.topic-search-results>a{padding:16px}.topic-search-results strong{font-size:15px}.topic-search-results p{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.topic-card:hover{transform:none}.reading-chapter summary>b{transition:none}}