/* SEO Boost (2.0): hub pages, next-chapter page, summary + links around the reader. Theme colours via CSS variables, with fallbacks. */
.mbc-vpage,.mbc-sum,.mbc-links,.mbc-home-hubs,.mbc-hub-short,.mbc-about{--mbx-line:var(--border,rgba(127,127,127,.25));--mbx-soft:var(--bg3,rgba(127,127,127,.07));--mbx-acc:var(--mbc-accent,var(--accent,#c0392b));--mbx-muted:var(--muted,rgba(127,127,127,.95))}
.mbc-vpage{max-width:960px;margin:0 auto;padding:18px 16px 40px;line-height:1.65}
.mbc-vpage h1{font-size:clamp(24px,4vw,34px);line-height:1.2;margin:6px 0 14px}
.mbc-vpage h2{font-size:20px;margin:28px 0 10px}
.mbc-vpage a{color:var(--mbx-acc)}
.mbc-crumbs ol{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0;font-size:13px;color:var(--mbx-muted)}
.mbc-crumbs li+li:before{content:"›";margin-right:6px;opacity:.6}
.mbc-crumbs a{color:inherit!important;text-decoration:none}
.mbc-hub-meta{color:var(--mbx-muted);font-size:14px}
.mbc-hub-desc{background:var(--mbx-soft);border:1px solid var(--mbx-line);border-radius:10px;padding:4px 16px;margin:12px 0}
.mbc-hub-list{list-style:none;margin:0;padding:0;border:1px solid var(--mbx-line);border-radius:10px;overflow:hidden}
.mbc-hub-list li{padding:10px 14px;border-top:1px solid var(--mbx-line)}
.mbc-hub-list li:first-child{border-top:none}
.mbc-hub-list a{text-decoration:none}
.mbc-hub-list a span{color:var(--mbx-muted);margin-left:6px}
.mbc-hub-list p{margin:4px 0 0;font-size:14px;opacity:.85}
.mbc-hub-chars ul,.mbc-arc-chips,.mbc-hub-ranges ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.mbc-hub-chars li,.mbc-arc-chips a,.mbc-hub-ranges a{display:inline-block;padding:5px 12px;border:1px solid var(--mbx-line);border-radius:999px;font-size:14px;text-decoration:none;color:inherit!important}
.mbc-arc-chips a:hover,.mbc-hub-ranges a:hover{border-color:var(--mbx-acc);color:var(--mbx-acc)!important}
.mbc-arc-chips small{opacity:.65}
.mbc-arc-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.mbc-arc-grid li{border:1px solid var(--mbx-line);border-radius:10px;padding:12px 14px}
.mbc-arc-grid a{display:flex;flex-direction:column;text-decoration:none}
.mbc-arc-grid a span{font-size:13px;color:var(--mbx-muted)}
.mbc-arc-grid p{margin:6px 0 0;font-size:14px;opacity:.85}
.mbc-hub-pager{display:flex;justify-content:space-between;gap:12px;margin:24px 0 0}
.mbc-hub-pager a{padding:9px 14px;border:1px solid var(--mbx-line);border-radius:8px;text-decoration:none}
.mbc-up-card{border:1px solid var(--mbx-line);background:var(--mbx-soft);border-radius:12px;padding:16px 18px;margin:8px 0 18px}
.mbc-up-when{font-size:16px;margin:0 0 10px}
.mbc-up-tz{color:var(--mbx-muted);font-size:13px}
.mbc-countdown{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0 12px}
.mbc-countdown span{min-width:74px;text-align:center;border:1px solid var(--mbx-line);border-radius:10px;padding:8px 6px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--mbx-muted)}
.mbc-countdown b{display:block;font-size:28px;line-height:1.15;color:var(--mbx-acc);font-variant-numeric:tabular-nums;letter-spacing:0}
.mbc-up-due{font-weight:600;color:var(--mbx-acc)}
.mbc-up-note{font-size:14px;color:var(--mbx-muted)}
.mbc-up-break{border-left:3px solid #f59e0b;padding:8px 12px;background:rgba(245,158,11,.08);border-radius:6px}
.mbc-up-title{color:var(--mbx-muted)}
.mbc-up-spoil details{border:1px solid var(--mbx-line);border-radius:8px;padding:10px 14px}
.mbc-up-spoil summary{cursor:pointer;font-weight:600;color:var(--mbx-acc)}
.mbc-faq details{border:1px solid var(--mbx-line);border-radius:8px;padding:10px 14px;margin:8px 0}
.mbc-faq summary{cursor:pointer;font-weight:600}
.mbc-faq details div{margin-top:8px}
.mbc-sum{max-width:800px;margin:12px auto;padding:10px 14px;border:1px solid var(--mbx-line);border-left:3px solid var(--mbx-acc);border-radius:8px;background:var(--mbx-soft);font-size:14px;line-height:1.6;text-align:left}
.mbc-sum p{margin:0}
.mbc-sum p+p{margin-top:4px}
.mbc-sum-m{color:var(--mbx-muted);font-size:13px}
.mbc-sum a,.mbc-links a{color:var(--mbx-acc)}
.mbc-links{max-width:800px;margin:18px auto;padding:12px 16px;border:1px solid var(--mbx-line);border-radius:8px;text-align:left}
.mbc-links h2{font-size:16px;margin:0 0 8px}
.mbc-links ul{margin:0;padding-left:18px;columns:2 260px;column-gap:24px}
.mbc-links li{margin:3px 0;break-inside:avoid}
.mbc-home-hubs{margin:18px 0}
.mbc-home-hubs h2{font-size:17px;margin:0 0 10px}
.mbc-home-hubs .mbc-hub-ranges h2{font-size:15px;margin-top:14px}
@media (max-width:600px){.mbc-countdown span{min-width:60px}.mbc-countdown b{font-size:22px}.mbc-hub-pager{flex-direction:column}}

/* next chapter page: images / HTML added in SEO Boost → Next chapter */
.mbc-upx-imgs{display:flex;flex-direction:column;align-items:center;gap:6px;margin:14px 0}
.mbc-upx-imgs img{max-width:100%;height:auto;border-radius:6px;display:block}
.mbc-upx-html{margin:14px 0;line-height:1.7;overflow-wrap:anywhere}
.mbc-upx-html img{max-width:100%;height:auto}
.mbc-about{max-width:960px;margin:28px auto 8px;padding:0 12px;display:grid;grid-template-columns:3fr 2fr;text-align:left}
.mbc-about-col{padding:4px 22px}
.mbc-about-col+.mbc-about-col{border-left:1px solid var(--mbx-line)}
.mbc-about h2{display:inline-block;font-size:19px;margin:0 0 12px;padding-bottom:4px;border-bottom:2px solid var(--mbx-acc)}
.mbc-about p{font-size:14px;line-height:1.7;color:var(--mbx-muted);margin:0 0 10px}
.mbc-about-more a{color:var(--mbx-acc);font-size:13px}
.mbc-about ul{list-style:none;margin:0;padding:0}
.mbc-about li{padding:7px 0;font-size:14px}
.mbc-about li:before{content:"\2713";color:var(--mbx-acc);margin-right:8px;font-size:12px}
.mbc-about li a{color:inherit;text-decoration:none}
.mbc-about li a:hover,.mbc-about li a[aria-current]{color:var(--mbx-acc)}
.mbc-about li span{display:block;margin-left:20px;color:var(--mbx-muted);font-size:12px}
@media (max-width:720px){.mbc-about{grid-template-columns:1fr}.mbc-about-col{padding:4px 6px}.mbc-about-col+.mbc-about-col{border-left:none;border-top:1px solid var(--mbx-line);padding-top:16px;margin-top:10px}}
