/* Small compatibility rules for the Pages build; the original site stylesheet owns the layout and theme. */
.main{padding-top:0;padding-bottom:24px}
.series-card[hidden]{display:none}
.ch-item[hidden]{display:none}
.page-error-message[hidden]{display:none}
.page-wrapper.error{min-height:140px;padding:16px;line-height:1.5}
.page-retry{margin-left:10px;padding:8px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg3);color:var(--text);cursor:pointer}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1200px;margin:0 auto;padding:0 16px}
.footer-links{display:flex;gap:16px}
.footer-links a{color:var(--text2);font-size:.85rem}
.az-item[hidden]{display:none}
.blog-listing,.blog-article{max-width:800px;margin:0 auto;padding:20px 16px 48px}
.blog-listing>p,.blog-excerpt{color:var(--text2);line-height:1.65}
.blog-card{padding:18px 0;border-bottom:1px solid var(--border)}
.blog-card h2{font-size:1.05rem;margin:0 0 7px}
.blog-card h2 a,.blog-read-more,.blog-content a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
.blog-card p{color:var(--text2);line-height:1.6;margin:0 0 8px}
.blog-read-more{font-size:.85rem}
.blog-article{line-height:1.8}
.blog-article h1{font-size:clamp(1.45rem,4vw,2rem);line-height:1.2;margin:8px 0 12px}
.blog-content{font-size:.95rem;line-height:1.8;color:var(--text)}
.blog-content h2{font-size:1.2rem;line-height:1.35;margin:28px 0 10px}
.blog-content p,.blog-content li{margin:0 0 14px}
.blog-content ol,.blog-content ul{padding-left:24px}
.blog-content a{overflow-wrap:anywhere}
@media(max-width:560px){.footer-bottom{align-items:flex-start;flex-direction:column;gap:8px}}