/* The same four destinations stay reachable in the market and both guides. */
:root{--site-nav-height:calc(62px + env(safe-area-inset-bottom))}
nav.site-nav{position:fixed;inset:auto 0 0;z-index:40;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;max-width:920px;min-height:var(--site-nav-height);margin:0 auto;padding:3px 8px calc(3px + env(safe-area-inset-bottom));gap:0;border:1px solid var(--line,#dce5dd);border-bottom:0;border-radius:14px 14px 0 0;background:var(--paper,var(--surface,#fffefb));color:var(--ink,#243a34)}
nav.site-nav>a,nav.site-nav>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:54px;padding:4px 0;margin:0;border:0;border-radius:9px;background:transparent;color:var(--dim,var(--muted,#687d73));font:500 11px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;white-space:nowrap;text-decoration:none;cursor:pointer;touch-action:manipulation}
nav.site-nav>:is(a,button)>span:first-child{font-size:20px;line-height:1;font-weight:400}
nav.site-nav>[aria-current=page],nav.site-nav>.active{color:var(--accent,var(--green,#2d6652));font-weight:700;background:var(--accent-soft,var(--mint,#e1eee1))}
nav.site-nav>:focus-visible{outline:2px solid var(--gold,#a17931);outline-offset:-3px}
body.guide-page .preview-shell{height:calc(100dvh - var(--site-nav-height));min-height:0}
body.guide-page .job-workspace{height:calc(100dvh - 66px - var(--site-nav-height))}
body.guide-page .load-state{position:fixed;z-index:12;top:92px;left:50%;transform:translateX(-50%);width:min(90vw,430px);min-height:0;display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--paper);box-shadow:var(--shadow);text-align:center}
body.guide-page .load-state h1{font-size:18px}
body.guide-page [inert]{opacity:.45}
body.guide-page .toast{bottom:calc(var(--site-nav-height) + 16px)}
body.guide-page .undo-notice{bottom:calc(var(--site-nav-height) + 48px)}
@media(max-width:760px){body.guide-page .job-workspace{height:calc(100dvh - 56px - var(--site-nav-height))}body.guide-page .load-state{top:76px}nav.site-nav{border-radius:0}}

nav.site-nav>:is(a,button)>span:last-child{font:inherit}
[data-theme=dark] nav.site-nav{background:var(--paper,var(--bg,#14221d))}