/* Shared geometry for the feed and every destination in its footer. */
html{scrollbar-gutter:stable}
body.public-shell{margin:0}
body.public-shell,body.public-shell *{box-sizing:border-box}
body.public-shell>.wrap{width:100%;max-width:1280px;margin:0 auto;padding:0 32px 28px}
body.public-shell nav.site-nav{display:flex;align-items:center;justify-content:flex-start;gap:24px;position:sticky;top:0;z-index:70;height:88px;min-height:88px;padding:12px 0;margin:0 0 34px;border-bottom:1px solid var(--line);background:var(--bg);backdrop-filter:none;-webkit-backdrop-filter:none}
body.public-shell nav.site-nav>.logo{display:grid;grid-template-columns:32px auto;align-items:center;justify-content:start;gap:3px 9px;width:228px;flex:none;order:0;color:var(--ink);text-decoration:none;font-size:22px;font-weight:700;letter-spacing:-.5px}
.public-shell nav.site-nav .logo .brand-icon{width:32px;height:32px}
.public-shell nav.site-nav .logo .brand-tagline{grid-column:1/-1;font-size:10px;line-height:1.4;font-weight:400;letter-spacing:0;color:var(--muted);white-space:nowrap}
body.public-shell nav.site-nav>.about-feed-links,body.public-shell nav.site-nav>.stream-tabs{position:static;display:flex;flex:none;align-self:stretch;align-items:stretch;gap:22px;order:0;width:auto;padding:0;margin:0;border:0;background:transparent}
body.public-shell nav.site-nav .about-feed-links a,body.public-shell nav.site-nav .stream-tabs button{display:flex;align-items:center;min-height:44px;padding:0 0 2px;margin:0;font:inherit;font-size:13px;font-weight:500;color:var(--muted);text-decoration:none;white-space:nowrap}
body.public-shell nav.site-nav .stream-tabs button[aria-selected=true]{color:var(--ink)}
body.public-shell nav.site-nav>.nav-account{margin-left:auto;order:1;min-height:54px}
body.public-shell>.wrap>.site-footer{margin-top:48px;padding:22px 0 24px;min-height:112px;text-align:center;border-top:1px solid var(--line)}
.public-shell .site-footer .footer-top{display:block;padding:0 0 12px}
.public-shell .site-footer nav.footer-utilities{display:flex;position:static;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px 22px;min-height:0;margin:0;padding:0;background:none;border:0;backdrop-filter:none}
.public-shell .site-footer nav.footer-utilities a{margin:0;padding:4px 0;font-size:11px;line-height:1.6;text-decoration:none;color:var(--muted)}
.public-shell .site-footer .footer-bottom{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 16px;border:0;padding:0;font-size:10px;line-height:1.6;text-align:center;color:var(--muted)}
.public-shell .about-layout{grid-template-columns:228px minmax(0,1fr);gap:24px}
.public-shell .about-main{max-width:880px}
.public-shell .legal-main{margin-top:0;min-height:calc(100vh - 322px)}
@media(max-width:1000px){body.public-shell nav.site-nav>.logo{width:180px}.public-shell .about-layout{grid-template-columns:180px minmax(0,1fr);gap:20px}}
@media(max-width:760px){body.public-shell>.wrap{padding:0 20px 22px}body.public-shell nav.site-nav{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:54px 48px;gap:0;height:126px;min-height:126px;padding:12px 0 0;margin-bottom:24px}body.public-shell nav.site-nav>.logo{width:auto;grid-column:1;grid-row:1}body.public-shell nav.site-nav>.nav-account{grid-column:2;grid-row:1;margin-left:auto}body.public-shell nav.site-nav>.about-feed-links,body.public-shell nav.site-nav>.stream-tabs{grid-column:1/-1;grid-row:2;order:0;width:100%;gap:26px;margin:0;padding:0;border:0;align-self:stretch}body.public-shell nav.site-nav .about-feed-links a,body.public-shell nav.site-nav .stream-tabs button{padding:0 0 10px;min-height:44px}.public-shell .about-layout{display:block}.public-shell .about-nav{position:static;display:flex;gap:16px;overflow:auto;white-space:nowrap;margin:0 0 22px;padding:0 0 10px;border-bottom:1px solid var(--line)}.public-shell .about-nav .about-back,.public-shell .about-nav-label{display:none}.public-shell .about-nav a{font-size:11px;padding:3px 0}.public-shell .site-footer .footer-bottom{flex-direction:column;gap:4px}.public-shell .site-footer nav.footer-utilities{gap:4px 18px}}
.public-shell .about-nav{top:116px}
.public-shell main [id],.public-shell.about-page :is(#overview,#how,#pricing,#faq){scroll-margin-top:116px}
@media(max-width:760px){.public-shell main [id],.public-shell.about-page :is(#overview,#how,#pricing,#faq){scroll-margin-top:154px}}