/* /try/ (website v2, 27 Oct 2026): the typed call alone, on app.css, with
   the site's top bar, a way back home, and no workspace around it. */
.try-page { --back: 48px; }
.try-back { position: fixed; top: var(--bar); left: 0; right: 0; z-index: 5; display: flex; align-items: center; height: var(--back); padding: 0 var(--pad); background: var(--soft); border-bottom: 1px solid var(--line); }
.try-back a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font-size: 15px; font-weight: 650; color: var(--ink); text-decoration: underline 1.5px; text-underline-offset: 4px; }
.try-back a:hover { color: #1638C9; }
.try-page #viewport { top: calc(var(--bar) + var(--back)); }
/* none of the workspace: no sidebar to open, so no button for it */
.try-page .nav-btn, .try-page .nav-backdrop { display: none !important; }
.try-down { margin: 0 var(--pad) 20px; padding: 14px 16px; border: 1px solid var(--line); border-left: 3px solid var(--accent); border-radius: 8px; background: var(--soft); font-size: 15px; line-height: 1.5; max-width: 760px; }
.try-down a { font-weight: 650; color: #1638C9; text-decoration: underline 1.5px; text-underline-offset: 3px; overflow-wrap: anywhere; }
/* the same top bar as the home page (web.css): the same side gutter, the same bordered Menu button */
.try-page { --gut: max(clamp(20px, 4vw, 48px), calc((100% - 1640px) / 2)); }
.try-page header.top, .try-page .try-back { padding-left: var(--gut); padding-right: var(--gut); }
.try-page header.top .menu { border: 1.5px solid #8A94A8; border-radius: 10px; background: #FFFFFF; padding: 0 10px; }
.try-page header.top .btn { border-radius: 10px; }
/* the call lines up with the bar above it */
.try-page #main .topbar, .try-page #main .page { padding-left: var(--gut); padding-right: var(--gut); }
.try-page #main .try-down { margin-left: var(--gut); margin-right: var(--gut); }
.try-page #main .app-foot { padding-left: var(--gut); padding-right: var(--gut); }