/* Default HTML is readable without scripts. Only successful navigation setup enables the rail. */
html:not(.panels-enhanced) body:not(.document-page){height:auto;min-height:100dvh;overflow:auto}
html:not(.panels-enhanced) .panels{height:auto;display:block;overflow:visible;scroll-snap-type:none}
html:not(.panels-enhanced) .panel{height:auto;overflow:visible;border-bottom:1px solid var(--line)}
html:not(.panels-enhanced) .panel-inner{min-height:0}
html:not(.panels-enhanced) .page-status{display:none}
html:not(.panels-enhanced) .image-hint{display:none}
.shared-footer{flex:none;padding:9px clamp(16px,3vw,60px);display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;font-size:.78rem;background:var(--surface);border-top:1px solid var(--line)}
.shared-footer nav{display:flex;gap:18px;flex-wrap:wrap}.shared-footer a{display:inline-block;padding:3px 0}
.document-page{height:auto;min-height:100dvh;overflow:auto}.document-content{width:min(1080px,100%);margin:auto;padding:clamp(24px,5vw,64px);flex:1;overflow-wrap:anywhere}
.document-content h1{font-size:clamp(2.4rem,5vw,4rem)}.document-content h2{font-size:clamp(1.5rem,3vw,2rem);margin-top:0;line-height:1.25}
.document-content section{margin-top:48px;scroll-margin-top:20px}.document-content li{line-height:1.65;margin-bottom:12px}.document-content ol{padding-left:24px}
.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:32px 0}.product-card,.callout{background:var(--surface);border:1px solid var(--line);padding:24px;border-radius:12px}
.guide-contents{display:flex;gap:12px 20px;flex-wrap:wrap;border-block:1px solid var(--line);padding:20px 0}.document-status{margin:0;padding:12px;text-align:center;font-size:.75rem;background:var(--surface)}
.faq-list details{content-visibility:visible}.faq-list summary{line-height:1.5}
@media(max-width:640px){.product-grid{grid-template-columns:1fr}.shared-footer{gap:5px}.shared-footer span{font-size:.72rem}.document-content{padding:28px 20px}.product-card{padding:20px}}

#demo-frame:not([src]){display:none}
