.mobile-menu{display:none}.site-logo,.brand-logo{height:42px;width:auto;flex-shrink:0}.site-nav{gap:14px}.site-nav>a:first-child{flex-shrink:0}.site-links{flex-wrap:wrap}.public-contact{color:#1d785e;text-decoration:underline;text-underline-offset:3px;white-space:normal}.footer-inner,.footer{flex-wrap:wrap}.footer-links{align-items:center}.code-copy{position:relative;min-width:0}.code-copy pre.code{padding-top:55px;max-width:100%}.code-copy>button{position:absolute;top:12px;right:12px;background:#294c3d;color:#fff;border:1px solid #8ccfae;border-radius:7px;padding:6px 11px;font:12px system-ui;cursor:pointer}.copy-status{display:block;color:#1d785e;font-size:12px;min-height:20px}.site-menu-button:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #8ccfae;outline-offset:3px}.docs-content .docs-note a{text-decoration:underline;text-underline-offset:3px}.flow-node{min-width:0;overflow-wrap:anywhere}.docs-content pre.code{white-space:pre;word-wrap:normal}.docs-content a:not(.docs-card):not(.button){text-underline-offset:3px}.last{padding-left:20px;padding-right:20px}.site-menu-group:hover .site-menu-dropdown,.site-menu-group:focus-within .site-menu-dropdown{visibility:visible}.site-menu-dropdown::before{content:'';position:absolute;left:0;right:0;top:-12px;height:12px}
@media(max-width:950px){header .site-links,header .site-menu,header .navlinks{display:none}header .mobile-menu{display:block;position:relative;margin-left:auto;flex-shrink:0}header .mobile-menu summary{display:block;list-style:none;cursor:pointer;padding:10px 12px;border:1px solid #bfd6c8;border-radius:10px;color:#1d785e;background:#fff;font:600 14px/1.2 system-ui}header .mobile-menu summary::-webkit-details-marker{display:none}header .mobile-menu summary::after{content:' ☰'}header .mobile-menu[open] summary::after{content:' ×'}.mobile-menu-panel{position:absolute;top:calc(100% + 10px);right:0;width:min(300px,calc(100vw - 32px));padding:10px;display:grid;gap:3px;z-index:80;background:#fff;border:1px solid #c9dece;border-radius:14px;box-shadow:0 15px 40px #19232330}.mobile-menu-panel a{display:block;padding:12px;color:#294c3d;font-size:14px;border-radius:8px;text-decoration:none}.mobile-menu-panel a:hover,.mobile-menu-panel a[aria-current]{background:#dff0e7}header .site-login{font-size:11px;padding:0;max-width:130px}header .site-actions .button,header .site-nav>.button,header .site-nav>.coming-soon{font-size:11px;padding:8px;max-width:155px;text-align:center}.hero-grid>*{min-width:0}}
@media(max-width:520px){header .site-login,header .site-actions,header .site-nav>.coming-soon,header .site-nav>span.button{display:none}.site-nav{height:72px}.hero-actions{flex-wrap:wrap}.flow-line{flex-direction:column;align-items:stretch}.flow-line>.flow-arrow{transform:rotate(90deg);align-self:center}.flow-line>.flow-node{flex:auto}.footer-inner{display:flex;flex-direction:column;gap:14px}.lab-panel,.docs-content{min-width:0}.hero .product{max-width:100%}.notify{max-width:180px}.onboarding-view{overflow-wrap:anywhere}.onboarding-code{white-space:normal;word-break:break-all}.source-layout{gap:24px}.detail-panel{gap:12px;flex-wrap:wrap}.lab-top{gap:8px;flex-wrap:wrap}.docs-sidebar nav{grid-template-columns:1fr 1fr}.hero-live{max-width:100%;flex-wrap:wrap}.site-logo,.brand-logo{max-width:150px;object-fit:contain}.lab-result{scroll-margin-top:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal-item{opacity:1;transform:none}}