/* Public content is readable without JavaScript and remains visible below the application. */
html{scroll-behavior:smooth}body:has(#public-content){height:auto;overflow:auto;background:var(--canvas,#f3f6f8);color:var(--ink,#19394b)}
#app:has(.app-preview){height:100svh;display:grid;place-items:center}
.app-preview{max-width:48rem;margin:2rem;padding:2rem;line-height:1.7;font:1.1rem/1.7 system-ui,sans-serif}
.public-preview-title{font-size:2.5rem;font-weight:700}.public-content{box-sizing:border-box;max-width:76rem;margin:0 auto;padding:3rem clamp(1rem,5vw,4rem) calc(3rem + var(--mobile-nav-height,0px));font:1rem/1.8 system-ui,sans-serif;color:var(--ink,#19394b);overflow-wrap:anywhere}
.public-content h1{font:700 clamp(1.9rem,5vw,3rem)/1.4 system-ui,sans-serif;margin:1.5rem 0}.public-content h2{font-size:1.6rem;margin:2.5rem 0 1rem}.public-content h3{font-size:1.15rem;margin-top:1.6rem;line-height:1.6}.public-content p{line-height:1.8}.public-content a{color:var(--accent,#16677b);text-decoration:underline;text-underline-offset:.2em}.public-action{display:inline-block;padding:.8rem 1.2rem;border:1px solid currentColor;border-radius:.5rem}.public-breadcrumb{font-size:.9rem}.public-content>section{padding-block:1rem;border-bottom:1px solid var(--line,#c7d5dc)}
.public-languages{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(12rem,100%),1fr));gap:.4rem 1.5rem;padding:0;list-style:none}.public-languages a{display:block;min-height:44px;padding:.4rem}.public-content footer{margin-top:2rem}.language-index{margin:0;background:#f3f6f8;color:#19394b}.language-index .public-content{min-height:100svh}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.app-footer .public-guide-link{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;font-size:13px;color:var(--muted,#536b7a)}
#tools-body .app-footer .public-guide-link{padding:12px;border:1px solid var(--line,#c6d3db);border-radius:8px;font-size:16px}

.privacy-footer{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;font-size:12px}.privacy-footer .site-credit{font:11px/1.6 system-ui,sans-serif;color:var(--muted,#526b77)}.privacy-footer a{color:var(--accent,#16677b);text-underline-offset:3px}