/* Additive workspace tour only. The original landing hero and its animation
   retain their existing inline styles and behaviour. */
#sm-landing .sm-workspace-tour .sm-workspace-example-note{font-size:12px;line-height:1.6;max-width:54ch;margin:14px auto 0}
#sm-landing .sm-workspace-tour .sm-workspace-feature{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.9fr);gap:44px;align-items:center;padding:54px 0;border-bottom:1px solid var(--border)}
#sm-landing .sm-workspace-tour .sm-workspace-feature-copy{min-width:0}
#sm-landing .sm-workspace-tour .sm-workspace-feature h3{font-size:clamp(1.35rem,2vw,1.75rem);line-height:1.2;margin-top:13px;text-wrap:balance}
#sm-landing .sm-workspace-tour .sm-workspace-feature-copy p{font-size:14px;color:var(--muted);margin-top:17px;text-wrap:pretty}
#sm-landing .sm-workspace-tour .sm-workspace-feature-copy ul{list-style:none;margin:20px 0 0;padding:0;font-size:13px}
#sm-landing .sm-workspace-tour .sm-workspace-feature-copy li{position:relative;padding-left:20px;margin-top:9px}
#sm-landing .sm-workspace-tour .sm-workspace-feature-copy li::before{content:'✓';position:absolute;left:0;color:var(--primary);font-weight:700}
#sm-landing .sm-workspace-tour .sm-workspace-feature-copy .sm-workspace-detail{font-size:12px;border-top:1px solid var(--border);padding-top:16px;margin-top:21px}
#sm-landing .sm-workspace-tour .sm-workspace-screenshot{min-width:0;margin:0}
#sm-landing .sm-workspace-tour .sm-workspace-screenshot>a{display:block;border-radius:12px;overflow:hidden;outline:1px solid rgba(0,0,0,.1);background:var(--surface)}
#sm-landing .sm-workspace-tour .sm-workspace-screenshot img{display:block;width:100%;height:auto;aspect-ratio:89/60;object-fit:contain}
#sm-landing .sm-workspace-tour .sm-workspace-screenshot figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding-top:12px;font-size:11px;color:var(--muted)}
#sm-landing .sm-workspace-tour .sm-workspace-screenshot figcaption a{text-decoration:underline;text-underline-offset:3px;min-height:24px}
#sm-landing .sm-workspace-tour .sm-workspace-screenshot>a:focus-visible{outline:2px solid var(--primary);outline-offset:4px}
#sm-landing .sm-workspace-tour .sm-workspace-details{display:grid;grid-template-columns:1fr 1fr;gap:56px;padding-top:40px}
#sm-landing .sm-workspace-tour .sm-workspace-details h3{font-size:20px;line-height:1.25;margin-top:13px;text-wrap:balance}
#sm-landing .sm-workspace-tour .sm-workspace-details p{font-size:14px;color:var(--muted);margin-top:14px;text-wrap:pretty}
html.dark #sm-landing .sm-workspace-tour .sm-workspace-screenshot>a{outline-color:rgba(255,255,255,.1)}
@media(max-width:940px){#sm-landing .sm-workspace-tour .sm-workspace-feature{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:28px}}
@media(max-width:760px){#sm-landing .sm-workspace-tour .sm-workspace-feature{grid-template-columns:1fr;gap:26px;padding:38px 0}#sm-landing .sm-workspace-tour .sm-workspace-feature-copy{max-width:580px}#sm-landing .sm-workspace-tour .sm-workspace-feature h3{font-size:24px;max-width:28ch}#sm-landing .sm-workspace-tour .sm-workspace-feature-copy ul{display:flex;flex-wrap:wrap;gap:9px 20px}#sm-landing .sm-workspace-tour .sm-workspace-feature-copy li{margin-top:0}#sm-landing .sm-workspace-tour .sm-workspace-details{grid-template-columns:1fr;gap:32px;padding-top:32px}}
@media(max-width:380px){#sm-landing .sm-workspace-tour .sm-workspace-screenshot figcaption{font-size:10px}}
