/* Only the visible no-JavaScript / initial HTML reader, not the interactive app. */
.reader-startup{display:none}
html[data-reader-starting] #app>.seo-fallback{display:none}
html[data-reader-starting] .reader-startup{display:flex;min-height:65svh;box-sizing:border-box;align-items:center;justify-content:center;flex-direction:column;gap:16px;padding:32px 20px;color:#263f38;font:16px/1.6 system-ui,sans-serif;text-align:center}
.reader-startup strong{font:600 clamp(24px,6vw,32px)/1.3 Georgia,serif;overflow-wrap:anywhere}
.reader-startup>img{width:48px;height:58px;object-fit:contain;flex:none}
.reader-startup p{margin:0;color:#627366}
.reader-startup-line{width:120px;height:3px;border-radius:3px;background:#dce3de;overflow:hidden}
.reader-startup-line:after{content:"";display:block;width:40%;height:100%;background:#536a4b;animation:reader-startup-progress 1.2s ease-in-out infinite alternate}
@keyframes reader-startup-progress{to{transform:translateX(150%)}}
@media(prefers-reduced-motion:reduce){.reader-startup-line:after{animation:none;width:100%}}
.seo-fallback{box-sizing:border-box;max-width:900px;padding:32px 24px;margin:0 auto;color:#263f38;font:17px/1.85 Georgia,"Noto Serif CJK SC",serif;overflow-wrap:anywhere}
.seo-fallback header{display:flex;gap:20px;justify-content:space-between;align-items:center;padding-bottom:24px;border-bottom:1px solid #dce3de}
.seo-fallback a{color:#245949;text-decoration:underline;text-underline-offset:3px}
.seo-fallback .seo-brand{font-size:22px;font-weight:bold;text-decoration:none}
.seo-fallback nav{display:flex;gap:18px;font:15px/1.5 system-ui,sans-serif}
.seo-fallback h1{font-size:clamp(26px,5vw,38px);line-height:1.35;margin:32px 0 16px}
.seo-fallback h2{font-size:22px;line-height:1.5;margin:24px 0 8px}
.seo-fallback p{margin:12px 0}.seo-fallback section{margin:24px 0}
.seo-fallback p[lang=en]{font-size:20px;line-height:1.75}.seo-fallback .seo-subtitle{font:400 15px/1.65 system-ui,sans-serif;color:#627366}
.seo-article-list{list-style:none;padding:0}.seo-article-list>li{padding:16px 0;border-bottom:1px solid #dce3de}
.seo-fallback footer{margin-top:36px;font:14px/1.6 system-ui,sans-serif}
.seo-noscript{max-width:850px;margin:12px auto;padding:16px;font:15px/1.7 system-ui,sans-serif}
@media(max-width:480px){.seo-fallback{padding:20px 18px}.seo-fallback header{align-items:flex-start;flex-direction:column;gap:12px}}
