.public-site { --paper:#fff; --surface:#fff; --ink:#172b2e; --muted:#586b77; --line:#dfe7e8; --teal:#08776e; --teal-dark:#075e57; --font-size-14:14px; --font-size-16:16px; background:#fff; color:var(--ink); font-size:16px; font-weight:400; line-height:1.6; letter-spacing:0; }
.public-site [hidden] { display:none !important; }
.public-site h1,.public-site h2,.public-site h3,.public-site strong { font-weight:650; letter-spacing:0; }
.public-site a { text-underline-offset:4px; }
.public-site :focus-visible { outline:2px solid #08776e; outline-offset:4px; }
.public-inner { width:min(1200px,calc(100% - 64px)); margin-inline:auto; }
.public-icon { flex:0 0 18px; width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.public-site .topbar { min-height:72px; padding:12px 32px; display:flex; gap:32px; border-bottom:1px solid var(--line); background:#fff; color:var(--ink); backdrop-filter:none; z-index:40; }
.public-site .brand { gap:10px; font-size:21px; font-weight:650; }
.public-site .brand-mark { width:27px; height:27px; }
.public-site .topnav { display:flex; justify-content:center; flex:1; gap:26px; font-size:14px; font-weight:450; color:#435962; }
.public-site .topnav a,.public-site.documentation-page .topnav a[href="/"] { display:inline-flex; padding:8px 0; border:0; border-bottom:2px solid transparent; border-radius:0; background:none; }
.public-site .topnav a[aria-current="page"] { color:#08776e; border-color:#08776e; }
.public-site .topbar-signin { padding:8px 2px; border:0; background:none; color:#315e9b; font-size:14px; font-weight:550; }
.public-site .topbar-actions { display:flex; margin-left:auto; }
.public-site .topbar-account-toggle { padding:6px 9px; color:var(--ink); }
.public-site .topbar-account-toggle,
.public-site .topbar-account-toggle:hover,
.public-site .topbar-account-toggle:focus-visible { border:0; background:transparent; }
.public-site .topbar-account-toggle:focus-visible { outline:2px solid currentColor; outline-offset:3px; }
.public-site .topbar-account-label strong { color:var(--ink); font-size:13px; }
.public-site .topbar-account-label span { color:#526770; }
.public-site .topbar-account-menu { width:280px; max-width:calc(100vw - 28px); color:var(--ink); background:#fff; border-color:var(--line); }
.public-site .topbar-account-menu a,
.public-site .topbar-account-menu button { color:var(--ink); }
.public-site .topbar-account-menu a:hover,
.public-site .topbar-account-menu a:focus-visible,
.public-site .topbar-account-menu button:hover,
.public-site .topbar-account-menu button:focus-visible { color:var(--teal-dark); background:#edf6f4; }
.public-menu-toggle { display:none; place-items:center; flex:0 0 36px; width:36px; height:36px; padding:0; border:1px solid var(--line); border-radius:4px; color:var(--ink); background:#fff; cursor:pointer; }
.public-menu { position:fixed; inset:74px 14px auto auto; width:min(320px,calc(100vw - 28px)); max-height:calc(100svh - 94px); margin:0; padding:12px; border:1px solid #cfdcde; border-radius:6px; background:#fff; box-shadow:0 10px 30px #172b2e14; z-index:45; }
.public-menu:popover-open { display:grid; }
.public-menu a { display:block; padding:12px; border-radius:4px; font-size:15px; text-decoration:none; }
.public-menu a:hover,.public-menu a[aria-current="page"] { background:#edf6f4; color:#075e57; }
.public-skip { position:fixed; top:8px; left:16px; z-index:100; transform:translateY(-160%); padding:8px 14px; background:#fff; border:1px solid #08776e; }
.public-skip:focus { transform:none; }
.product-main { outline:none; }
.product-intro { width:min(1100px,calc(100% - 40px)); margin:auto; padding:38px 0 30px; text-align:center; }
.product-intro h1 { font-size:52px; line-height:1.08; }
.product-tagline { margin:10px 0 0; font-size:25px; line-height:1.35; font-weight:500; color:#466577; }
.product-intro-copy { margin-top:9px; font-size:18px; color:#586e7b; }
.public-actions { display:flex; justify-content:center; flex-wrap:wrap; gap:12px; margin-top:22px; }
.public-button { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:44px; max-width:100%; padding:10px 17px; border:1px solid #08776e; border-radius:4px; color:#fff !important; background:#08776e; font-size:14px; font-weight:550; line-height:1.35; text-decoration:none; }
.public-button:hover { background:#075e57; }
.public-button-secondary { color:#315e9b !important; background:#fff; border-color:#bccddb; }
.public-button-secondary:hover { background:#f4f7fa; }
.home-demo { border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:18px 0 16px; }
.tool-access { margin:0 0 3px; color:#627683; font-size:13px; }
.tool-access span { padding-inline:5px; color:#8b9da3; }
.home-demo h2 { margin:0; font-size:22px; line-height:1.3; }
.example-tabs { display:flex; gap:18px; margin-top:12px; border-bottom:1px solid var(--line); }
.example-tabs button { min-height:38px; padding:6px 4px; margin-bottom:-1px; border:0; border-bottom:2px solid transparent; background:none; color:#64798a; font:inherit; font-size:14px; cursor:pointer; }
.example-tabs button[aria-selected="true"] { color:#08776e; border-color:#08776e; font-weight:550; }
.home-demo-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; padding-top:16px; }
.example-column-heading { display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px; font-size:13px; margin-bottom:10px; }
.example-column-heading strong { font-weight:550; }
.example-column-heading span,.example-column-heading a { color:#586b77; font-weight:400; text-decoration:none; }
.example-source pre { min-height:154px; margin:0; padding:16px 18px; border:1px solid #d9e3e8; border-radius:3px; background:#f9fbfc; color:#315e9b; font:14px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace; overflow:auto; }
.example-source code { white-space:pre; font:inherit; overflow-wrap:normal; }
.example-answers { min-width:0; border-left:1px solid var(--line); padding-left:24px; }
.example-answers section { min-height:190px; outline:none; }
.example-answers h3 { color:#62798b; font-size:12px; line-height:1.4; font-weight:500; margin:0 0 5px; }
.example-question { font-size:14px; line-height:1.5; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid var(--line); }
.example-answer { min-height:44px; font-size:15px; line-height:1.55; }
.example-citation { display:inline-flex; align-items:center; gap:7px; margin-top:10px; color:#315e9b; font-size:13px; text-decoration:none; }
.example-note { margin:8px 0 0; color:#586b77; font-size:12px; }
.public-band { padding:54px 0; }
.public-band h2 { font-size:29px; line-height:1.25; margin:0; }
.public-lead { margin:12px 0 0; max-width:850px; font-size:17px; line-height:1.6; color:#596f79; }
.home-workflow { display:grid; grid-template-columns:minmax(280px,.85fr) minmax(0,1.45fr); gap:38px; margin-top:30px; align-items:start; }
.capability-list { list-style:none; padding:0; margin:0; display:grid; gap:23px; }
.capability-list li { display:flex; gap:18px; }
.capability-list li > span { flex:0 0 24px; padding-top:3px; font-size:13px; color:#08776e; font-weight:600; }
.capability-list h3 { font-size:20px; line-height:1.3; margin:0 0 5px; }
.capability-list h3 a { text-decoration:none; }
.capability-list h3 a:hover { color:#08776e; }
.capability-list p { font-size:14px; color:#60727a; line-height:1.55; }
.workspace-figure { min-width:0; margin:0; }
.workspace-figure img { width:100%; height:auto; border:1px solid #dfe7e8; border-radius:4px; }
.workspace-figure figcaption { margin-top:8px; color:#586b77; font-size:12px; }
.capability-boundary { margin-top:26px; padding-left:14px; border-left:2px solid #b85e4f; color:#63747a; font-size:13px; }
.capability-boundary a { color:#315e9b; }
.public-band-compact { padding:30px 0; border-block:1px solid var(--line); }
.connect-band { display:flex; justify-content:space-between; align-items:center; gap:32px; }
.connect-band h2 { font-size:24px; }
.connect-band p { max-width:740px; margin-top:10px; color:#60737d; font-size:15px; }
.public-text-link { display:inline-flex; align-items:center; gap:9px; color:#315e9b !important; font-size:14px; text-decoration:none; font-weight:500; }
.public-text-link:hover { text-decoration:underline; }
.connect-band > a { flex:0 0 auto; }
.journal-grid { display:grid; grid-template-columns:1fr 1fr; gap:36px; margin-top:28px; }
.journal-item { border-top:1px solid var(--line); padding-top:20px; }
.journal-category { color:#586b77; font-size:12px; margin:0 0 7px; }
.journal-item h3 { font-size:20px; line-height:1.4; margin-bottom:10px; }
.journal-item h3 a { text-decoration:none; }
.journal-item h3 a:hover { color:#08776e; }
.journal-item > p:not(.journal-category) { color:#5c707b; font-size:15px; }
.journal-item > a { margin-top:17px; }
.roadmap-band { background:#f1f5f7; }
.tool-roadmap-list { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; list-style:none; padding:0; margin:28px 0; }
.tool-roadmap-list li { display:flex; align-items:center; gap:14px; min-width:0; }
.tool-roadmap-list .public-icon { width:28px; height:28px; flex-basis:28px; color:#08776e; }
.tool-roadmap-list strong { display:block; font-size:16px; font-weight:550; }
.tool-roadmap-list small { display:block; color:#586b77; font-size:13px; }
.public-site .site-footer { display:block; padding:0; background:#fff; color:#566f7a; border-top:1px solid var(--line); font-size:14px; }
.public-footer-grid { display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr; gap:38px; padding-block:36px; }
.public-site .footer-brand { color:#172b2e; font-size:23px; font-weight:650; text-decoration:none; }
.public-site .site-footer p { max-width:330px; margin-top:8px; font-size:14px; line-height:1.6; }
.public-site .site-footer nav { display:grid; justify-content:start; align-content:start; gap:7px; }
.public-site .site-footer h2 { font-size:14px; line-height:1.5; margin:2px 0 4px; color:#172b2e; }
.public-site .site-footer nav a { padding:0; color:#42648c; text-decoration:none; font-size:14px; }
.public-site .site-footer nav a:hover { text-decoration:underline; }
.public-footer-bottom { display:flex; justify-content:space-between; gap:20px; padding-block:15px; border-top:1px solid var(--line); font-size:12px; }
.public-site .site-footer .public-footer-bottom p { margin:0; max-width:none; font-size:12px; }
.public-anchor { display:block; scroll-margin-top:90px; }
.publication-main { max-width:850px; width:calc(100% - 48px); padding:48px 0 64px; margin:auto; outline:none; }
.publication-main > header { margin-bottom:36px; }
.publication-main h1 { font-size:38px; line-height:1.2; margin:12px 0 18px; }
.publication-main h2 { font-size:25px; line-height:1.35; margin:32px 0 12px; }
.publication-main h3 { font-size:19px; line-height:1.4; margin:25px 0 10px; }
.publication-main p { margin:0 0 17px; }
.publication-main li + li { margin-top:9px; }
.publication-main a { color:#315e9b; }
.publication-main .publication-lead { font-size:20px; line-height:1.55; color:#566f7e; }
.publication-meta { color:#586b77; font-size:13px; }
.publication-main .publication-note { padding:12px 16px; border-left:2px solid #b85e4f; background:#faf8f7; color:#72574d; font-size:14px; }
.publication-main .journal-grid { margin-top:32px; }
.publication-main .journal-item h2 { margin-top:8px; font-size:23px; }
.publication-main figure { margin:26px 0; }
.publication-main figure img { border:1px solid var(--line); border-radius:4px; }
.publication-main figcaption { margin-top:7px; color:#586b77; font-size:12px; }
.publication-main pre { max-width:100%; overflow:auto; padding:20px; background:#f6f9fb; border:1px solid #dfe7e8; border-radius:4px; font-size:14px; line-height:1.75; }
.publication-main code { white-space:pre; overflow-wrap:normal; }
.publication-main [id] { scroll-margin-top:96px; }
.publication-related { border-top:1px solid var(--line); margin-top:38px; padding-top:22px; }
.public-site.documentation-page .docs-notice { background:#f7f8f9; border-color:#9b7185; color:#52636e; }
.public-site.documentation-page .site-footer { padding:0; }
@media(max-width:1000px) { .public-site .topbar { gap:20px; padding-inline:24px; } .public-site .topnav { gap:18px; } .home-workflow { grid-template-columns:1fr 1.3fr; gap:26px; } }
@media(max-width:800px) { .public-site .topnav { display:none; } .public-menu-toggle { display:grid; } .public-site .topbar { gap:14px; min-height:68px; padding:12px 20px; } .public-inner { width:calc(100% - 40px); } .product-intro { padding-block:28px; } .product-intro h1 { font-size:44px; } .product-tagline { font-size:23px; } .product-intro-copy { font-size:16px; } .public-band { padding-block:38px; } .public-band h2 { font-size:26px; } .home-workflow { grid-template-columns:1fr; gap:28px; } .capability-list { grid-template-columns:1fr 1fr; gap:22px; } .connect-band { display:block; } .connect-band > a { margin-top:18px; } .public-footer-grid { grid-template-columns:1fr 1fr; gap:30px; } .tool-roadmap-list { grid-template-columns:1fr 1fr; } .public-site.documentation-page .docs-sidebar { display:block; position:static; max-height:none; border:0; border-bottom:1px solid var(--line); margin:0; padding:10px 0; box-shadow:none; } .public-site.documentation-page .docs-sidebar nav { display:flex; overflow:auto; gap:5px; padding:4px; } .public-site.documentation-page .docs-sidebar a { white-space:nowrap; border:0; font-size:13px; padding:6px 9px; } .public-site.documentation-page .docs-nav-heading,.public-site.documentation-page .docs-sidebar .docs-nav-related { display:none; } }
@media(max-width:520px) { .public-site .topbar { gap:12px; padding-inline:16px; } .public-site .brand { gap:8px; font-size:19px; } .public-site .brand-mark { width:24px; height:24px; } .public-site .topbar-account-label { display:none; } .public-site .topbar-account-toggle { padding:3px; } .public-inner { width:calc(100% - 36px); } .product-intro h1 { font-size:40px; } .product-tagline { font-size:22px; } .product-intro-copy { max-width:330px; margin-inline:auto; font-size:15px; } .public-actions { gap:10px; margin-top:18px; } .public-button { padding-inline:12px; font-size:13px; } .home-demo { padding-top:14px; } .home-demo h2 { font-size:20px; } .example-tabs { gap:10px; } .example-tabs button { font-size:12px; } .home-demo-grid { grid-template-columns:1fr; gap:14px; padding-top:12px; } .example-source pre { min-height:0; padding:10px 12px; font-size:12px; line-height:1.65; } .example-column-heading { margin-bottom:7px; font-size:12px; } .example-answers { border:0; padding:0; } .example-answers section { min-height:148px; } .example-question { padding-bottom:7px; margin-bottom:7px; } .example-answer { min-height:42px; font-size:14px; } .example-citation { margin-top:6px; font-size:12px; } .example-note { font-size:11px; } .capability-list { grid-template-columns:1fr; gap:20px; } .public-band h2 { font-size:25px; } .public-lead { font-size:16px; } .journal-grid { grid-template-columns:1fr; gap:26px; } .tool-roadmap-list { gap:22px 14px; } .tool-roadmap-list strong { font-size:14px; } .tool-roadmap-list .public-icon { width:25px; height:25px; flex-basis:25px; } .public-footer-grid { gap:25px 18px; } .public-footer-grid > div:first-child { grid-column:1/-1; } .public-footer-bottom { display:block; } .public-footer-bottom p + p { margin-top:8px !important; } .publication-main { width:calc(100% - 36px); padding-top:30px; } .publication-main h1 { font-size:30px; } .publication-main .publication-lead { font-size:18px; } }
@media(prefers-reduced-motion:reduce) { html:has(.public-site) { scroll-behavior:auto; } }