/* An unobtrusive reading panel outside the Sand canvas and its tool dock. */
.site-about{position:fixed;z-index:8;left:max(12px,env(safe-area-inset-left));top:calc(58px + env(safe-area-inset-top));max-width:calc(100vw - 24px);color:#3a352c;font:13px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif;text-autospace:normal;direction:ltr;text-align:left}
.site-about>summary{cursor:pointer;list-style:none;width:fit-content;max-width:100%;padding:7px 12px;border-radius:12px;background:rgba(250,248,242,.92);border:1px solid rgba(58,53,44,.15)}
.site-about>summary::-webkit-details-marker{display:none}
.site-about>summary::after{content:' +';white-space:pre}
.site-about[open]>summary::after{content:' −'}
.site-about>summary:focus-visible,.site-about a:focus-visible{outline:2px solid #3a352c;outline-offset:3px}
.site-about-body{width:340px;max-width:calc(100vw - 24px);box-sizing:border-box;margin-top:8px;padding:18px 20px;background:#faf8f2;border:1px solid rgba(58,53,44,.16);border-radius:14px;box-shadow:0 8px 26px #28241e25;max-height:calc(100svh - 130px);overflow:auto;overscroll-behavior:contain}
.site-about h2{font:500 17px/1.4 system-ui,sans-serif;margin:0 0 12px;letter-spacing:0}
.site-about p{margin:0 0 14px}
.site-about a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.site-about-requirements{color:#625c51;font-size:12px}
html[data-startup=loading] .site-about,html[data-startup=error] .site-about{z-index:1001}
:root[dir=rtl] .site-about-body,:root[dir=rtl] .site-about>summary{direction:rtl;text-align:right}
@media(max-width:700px){.site-about{top:calc(55px + env(safe-area-inset-top))}}