/* Global visual shell — shared across all public routes */
:root{--shell-ink:#ecf7ff;--shell-muted:#9eb5c9;--shell-line:rgba(125,201,236,.24);--shell-cyan:#55d8f2;--shell-violet:#a8a4ff;--shell-panel:rgba(7,20,37,.84)}
html{background:#081729}body{min-height:100vh;background:linear-gradient(rgba(10,24,43,.82),rgba(7,17,32,.9)),url('/assets/home-bg-saas-grid.png') center top/cover fixed!important;color:var(--shell-ink)}
.global-shell-header{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:28px;max-width:1120px;margin:0 auto;padding:17px 28px;border-bottom:1px solid var(--shell-line);background:rgba(7,20,37,.64);backdrop-filter:blur(18px)}
.global-shell-brand{display:flex;align-items:center;gap:10px;color:var(--shell-ink)!important;text-decoration:none!important;white-space:nowrap}.global-shell-brand svg{width:31px;height:31px;flex:0 0 auto}.global-shell-brand b{font:700 17px/1.1 "PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:.02em}.global-shell-brand small{display:block;margin-top:3px;color:var(--shell-cyan);font:600 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}
.global-shell-nav{display:flex;align-items:center;justify-content:flex-end;gap:4px;min-width:0}.global-shell-nav a{padding:8px 10px;border-radius:8px;color:#bed0e0!important;text-decoration:none!important;font:600 13px/1.2 "PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:.01em;white-space:nowrap;transition:color .18s,background .18s}.global-shell-nav a:hover,.global-shell-nav a[aria-current="page"]{background:rgba(85,216,242,.1);color:var(--shell-cyan)!important}
body>.global-shell-header~header{display:none!important}body>.global-shell-header~main{position:relative}body>.global-shell-header~footer{position:relative}
@media(max-width:820px){.global-shell-header{padding:13px 18px;display:block}.global-shell-brand{margin-bottom:12px}.global-shell-nav{justify-content:flex-start;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.global-shell-nav::-webkit-scrollbar{display:none}.global-shell-nav a{padding:7px 9px;font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}


/* shared desktop width expansion */
/* Project 5 shared desktop width system — staging preview.
   A single 1180px content measure expands the prior 1120px shell while
   retaining a 22px visual gutter at a 1280px viewport. Mobile is untouched. */
@media (min-width: 981px) {
  .global-shell-header,
  .signal-hero,
  main.grid,
  .ladder,
  body > main:not(.review-dossier),
  .site-footer__inner,
  .site-footer__bottom {
    max-width: 1180px !important;
  }

  /* Long-form reviews get a wider hero/data frame without making prose too wide. */
  .article-page .review-dossier {
    max-width: 1180px !important;
  }

  .article-page .review-dossier__section,
  .article-page .review-dossier__source {
    max-width: 900px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}