/* Public document pages are deliberately independent of the interactive demo. */
body:has(> main > .eyebrow){margin:0;background:#f8f7f3;color:#242620;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.8;min-height:100svh;display:flex;flex-direction:column}
body:has(> main > .eyebrow) *{box-sizing:border-box}
body:has(> main > .eyebrow) a{color:inherit;text-underline-offset:4px}
body:has(> main > .eyebrow) main{width:100%;max-width:800px;margin:0 auto;padding:72px 32px 96px;flex:1}
body:has(> main > .eyebrow) .eyebrow{font-size:12px;letter-spacing:2px;color:#687754;margin:0 0 14px}
body:has(> main > .eyebrow) h1{font-size:clamp(32px,5vw,48px);line-height:1.2;letter-spacing:-1px;margin:0 0 24px;font-weight:600}
body:has(> main > .eyebrow) h2{font-size:21px;line-height:1.5;margin:0 0 12px;font-weight:600}
body:has(> main > .eyebrow) section{margin-top:36px}
body:has(> main > .eyebrow) p{margin:0 0 20px;overflow-wrap:anywhere}
body:has(> main > .eyebrow) .intro{font-size:18px;line-height:1.9}
body:has(> main > .eyebrow) .muted{color:#696b61;font-size:14px}
body:has(> main > .eyebrow) .version{margin-bottom:48px}
body:has(> main > .eyebrow) .panel{padding:24px;border:1px solid #dcddd3;border-radius:20px;background:#fff;margin-bottom:28px}
body:has(> main > .eyebrow) .email{display:block;overflow-wrap:anywhere;margin:8px 0}
body:has(> main > .eyebrow) .primary{display:inline-block;padding:12px 22px;margin:6px 0 24px;background:#25291f;color:#fff;border-radius:30px;text-decoration:none}
body:has(> main > .eyebrow) summary{cursor:pointer;font-size:13px;color:#696b61}
body:has(> main > .eyebrow) code{display:block;font-size:12px;overflow-wrap:anywhere;padding-top:12px}
/* One shared page chrome contract for the home and every public document. */
.header-bar,.footer-bar{box-sizing:border-box;width:100%;background:#fff;color:#20231f;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.5;flex-shrink:0}
.header-bar{position:sticky;top:0;z-index:20;background:#ffffffed;backdrop-filter:blur(16px);border-bottom:1px solid #253b2910}
.footer-bar{border-top:1px solid #e5e7e1}
.header-bar .wrap,.footer-bar .wrap{box-sizing:border-box;width:min(1120px,calc(100% - 80px));margin-inline:auto}
.header-bar .header{height:48px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0;border:0}
.header-bar .wordmark,.footer-bar .wordmark{display:inline-flex;flex-shrink:0;color:#20231f;font-size:23px;font-weight:600;letter-spacing:-.9px;text-decoration:none}
.footer-bar .footer{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:32px;min-height:72px;padding:12px 0;border:0}
.footer-bar .wordmark{font-size:22px}
.footer-bar .site-domain{flex-shrink:0;color:#92998c;font-size:12px;text-decoration:none}
.footer-bar .release-links{display:flex;flex-wrap:nowrap;align-items:center;justify-content:safe center;gap:24px;min-width:0;margin:0;padding:0;overflow-x:auto;white-space:nowrap;font-size:12px;line-height:1.5}
.footer-bar .release-links a{display:inline-flex;align-items:center;min-height:44px;flex-shrink:0;color:#50574e;text-decoration:none}
.footer-bar .release-links a:hover,.footer-bar .release-links a[aria-current="page"]{color:#20231f;text-decoration:underline;text-underline-offset:4px}
.header-bar a:focus-visible,.footer-bar a:focus-visible{outline:2px solid #657d5c;outline-offset:-2px}
@media(max-width:760px){.header-bar .wrap,.footer-bar .wrap{width:calc(100% - 48px)}.footer-bar .wordmark,.footer-bar .site-domain{display:none}.footer-bar .footer{min-height:64px;padding:10px 0}.footer-bar .release-links{width:100%;gap:20px}}
@media(max-width:520px){.header-bar .wrap,.footer-bar .wrap{width:calc(100% - 40px)}.header-bar .wordmark{font-size:21px}}
.release-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 16px}
.release-actions .button{margin:0;max-width:100%;white-space:normal;text-align:center}
.release-actions .button:first-child{background:transparent;color:#25291f;border:1px solid #d8ddd4;box-shadow:none}
@media(max-width:600px){body:has(> main > .eyebrow) main{padding:40px 24px 64px}.release-actions{flex-direction:column;align-items:stretch;max-width:340px;margin-inline:auto}.release-actions .button{width:100%;min-height:48px;justify-content:center}.release-actions .release-download{order:-1}}