/* All-G StockMate | Editorial 4.2: site-wide design system.
   Appended AFTER styles.css and optional home-editorial.css, legal.css or privacy.css.
   Functional scripts, content, assets and paths remain unchanged. */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Instrument+Serif:ital@0;1&display=swap');
body.site-editorial {
  --ed-ink:#172d49;--ed-deep:#0a1422;--ed-mid:#17283f;
  --ed-paper:#f4f4f1;--ed-card:#fafbf9;--ed-muted:#60748a;
  --ed-blue:#7793b4;--ed-bright:#2f80f3;--ed-line:#d9e1e9;
  --ed-serif:'Instrument Serif',Georgia,'Times New Roman',serif;
  --ed-sans:'Manrope',Inter,system-ui,sans-serif;
  --max-width:1240px;
  --radius-lg:22px;--radius-md:16px;--radius-sm:10px;
  margin:0;background:var(--ed-paper);color:var(--ed-ink);
  font-family:var(--ed-sans);line-height:1.7;
}
body.site-editorial::before { display:none; }
body.site-editorial h1,body.site-editorial h2,body.site-editorial h3,
body.site-editorial h4 { font-family:var(--ed-sans);letter-spacing:-.055em; }
body.site-editorial p { overflow-wrap:break-word; }
body.site-editorial a:focus-visible,body.site-editorial button:focus-visible { outline:2px solid #6eaeff;outline-offset:4px; }
body.site-editorial img { max-width:100%; }
html:has(body.site-editorial) {scroll-padding-top:94px;}
body.site-editorial [id] {scroll-margin-top:94px;}

/* Consistent masthead and brand from Editorial 4.1, including all content pages. */
body.site-editorial:not(.page-home) .site-header {
  position:sticky;top:0;z-index:20;display:flex;align-items:center;
  max-width:none;min-height:84px;margin:0;
  padding:17px clamp(20px,4vw,72px);
  gap:clamp(20px,3vw,48px);background:var(--ed-deep);
  border:0;box-shadow:0 10px 24px rgba(7,18,34,.09);
}
body.site-editorial:not(.page-home) .site-header .brand {
  display:inline-flex;align-items:center;gap:13px;flex:0 0 auto;
  color:#fff;text-decoration:none;border:0;background:none;min-width:0;
}
body.site-editorial:not(.page-home) .editorial-header-symbol {
  display:block;width:62px;height:38px;object-fit:contain;flex-shrink:0;
}
body.site-editorial:not(.page-home) .editorial-header-wordmark {display:flex;flex-direction:column;gap:5px;min-width:0;}
body.site-editorial:not(.page-home) .editorial-header-name {
  color:#fff;font:800 19px/1 var(--ed-sans);letter-spacing:-.05em;white-space:nowrap;
}
body.site-editorial:not(.page-home) .editorial-header-tagline {
  color:#b4c5d8;font:800 8px/1.3 var(--ed-sans);letter-spacing:.18em;white-space:nowrap;
}
body.site-editorial:not(.page-home) .main-nav {
  display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;
  flex:1 1 auto;gap:4px 18px;min-width:0;
}
body.site-editorial:not(.page-home) .main-nav a {
  color:#dbe3ef;padding:5px 0;border:0;border-radius:0;background:none;
  font:800 11px/1.35 var(--ed-sans);letter-spacing:.055em;
  text-transform:uppercase;text-decoration:none;white-space:nowrap;
}
body.site-editorial:not(.page-home) .main-nav a:hover,
body.site-editorial:not(.page-home) .main-nav a[aria-current=page],
body.site-editorial:not(.page-home) .main-nav a[aria-current=true] {
  color:#fff;text-decoration:underline;text-decoration-color:#70b7fa;
  text-underline-offset:7px;
}
body.site-editorial:not(.page-home) .editorial-header-release {
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  flex:0 0 auto;min-height:43px;padding:0 16px;
  border:1px solid rgba(255,255,255,.18);border-radius:999px;
  color:#fff;text-decoration:none;white-space:nowrap;
  font:800 11px/1.3 var(--ed-sans);text-transform:uppercase;
}
body.site-editorial:not(.page-home) .editorial-header-release:hover {border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.04);}
@media(max-width:1250px) {
  body.site-editorial:not(.page-home) .editorial-header-release {display:none;}
}
body.site-editorial:not(.page-home) .nav-toggle {
  border:1px solid rgba(255,255,255,.28);color:#fff;background:transparent;border-radius:10px;
}
body.site-editorial:not(.page-home) .nav-toggle:hover {color:#fff;background:rgba(255,255,255,.08);}
body.site-editorial:not(.page-home) .site-header .main-nav a[lang] {
  color:#aac9ed;padding-left:14px;border-left:1px solid rgba(255,255,255,.2);
}

/* Unified footer on all routes, without rewriting its functional/legal links. */
body.site-editorial .site-footer {
  box-sizing:border-box;display:grid;grid-template-columns:minmax(160px,260px) minmax(0,1fr);
  width:100%;max-width:none;gap:42px;margin:0;
  padding:clamp(45px,6vw,90px) max(24px,calc((100vw - 1240px)/2));
  border:0;background:#0b1626;color:#bac9db;
}
body.site-editorial .footer-brand {max-width:230px;align-self:start;}
body.site-editorial .footer-logo {background:#fff;border-radius:18px;padding:12px;max-width:220px;}
body.site-editorial .footer-line,body.site-editorial .footer-status {color:#b6c4d4;}
body.site-editorial .footer-meta {min-width:0;}
body.site-editorial .footer-links {display:flex;flex-wrap:wrap;gap:10px 22px;margin:20px 0;}
body.site-editorial .footer-links a {color:#e0e8f2;font:700 12px/1.5 var(--ed-sans);text-decoration:none;}
body.site-editorial .footer-links a:hover {text-decoration:underline;text-underline-offset:4px;}

/* HOMEPAGE: remove legacy near-viewport heights and vertical centering. */
body.site-editorial.page-home #problem,
body.site-editorial.page-home #features,
body.site-editorial.page-home #versions,
body.site-editorial.page-home #early-access,
body.site-editorial.page-home #faq {
  display:block;min-height:0;height:auto;justify-content:initial;
  padding-top:clamp(62px,7vw,108px);
  padding-bottom:clamp(62px,7vw,108px);
}
body.site-editorial.page-home #problem,
body.site-editorial.page-home #versions,
body.site-editorial.page-home #early-access,
body.site-editorial.page-home #faq {
  width:min(1240px,calc(100% - 44px));
  margin-inline:auto;
}
body.site-editorial.page-home #features .section-heading,
body.site-editorial.page-home #features .feature-grid,
body.site-editorial.page-home #versions .section-heading,
body.site-editorial.page-home #versions .version-grid {
  transform:none;
}
body.site-editorial.page-home main>.section {margin-block:0;}
body.site-editorial.page-home .editorial-product-section {gap:clamp(32px,5vw,78px);padding-top:76px;padding-bottom:86px;}
body.site-editorial.page-home .editorial-product-copy h2 {
  font-size:clamp(40px,3.5vw,62px);letter-spacing:-.075em;line-height:1.05;
}
body.site-editorial.page-home .editorial-product-copy h2 em {font-size:1em;line-height:1.06;}
body.site-editorial.page-home .editorial-product-copy p:last-child {font-size:16px;line-height:1.85;}
body.site-editorial.page-home .editorial-product-shot {background:#fff;border-radius:27px;padding:18px;}
body.site-editorial.page-home .editorial-product-shot figcaption {font-size:11px;line-height:1.5;}

/* Home section 03: use the typography and calm surface of the accepted hero. */
body.site-editorial.page-home #problem {position:relative;}
body.site-editorial.page-home #problem .problem-showcase {
  display:grid;gap:clamp(28px,5vw,72px);align-items:start;
  padding:clamp(30px,5vw,68px);border:1px solid var(--ed-line);
  border-radius:32px;background:linear-gradient(120deg,#fff 0%,#f3f7fb 100%);
  box-shadow:0 22px 75px rgba(18,31,49,.055);
}
body.site-editorial.page-home #problem .problem-showcase h2,
body.site-editorial.page-home #features h2,
body.site-editorial.page-home #versions h2,
body.site-editorial.page-home #early-access h2,
body.site-editorial.page-home #faq h2 {
  font:800 clamp(37px,3.8vw,64px)/1.08 var(--ed-sans);
  letter-spacing:-.07em;max-width:900px;color:var(--ed-ink);
}
body.site-editorial.page-home #problem .problem-showcase h2 {max-width:560px;}
body.site-editorial.page-home #problem .eyebrow,
body.site-editorial.page-home #versions .eyebrow,
body.site-editorial.page-home #early-access .eyebrow,
body.site-editorial.page-home #faq .eyebrow {
  color:#6887a9;font:800 11px/1.6 var(--ed-sans);letter-spacing:.15em;
}
body.site-editorial.page-home #problem .problem-showcase-copy>p {color:#586c80;line-height:1.87;}
body.site-editorial.page-home #problem .problem-snapshot,
body.site-editorial.page-home #problem .problem-showcase-side {
  border-radius:23px;background:#f9fbfd;border:1px solid #dbe5ee;box-shadow:none;
}
body.site-editorial.page-home #problem .audience-pills {column-gap:30px;}
body.site-editorial.page-home #problem .audience-pills li {font-size:13px;}

/* Home section 04: purposeful dark chapter, not another row of generic white SaaS cards. */
body.site-editorial.page-home #features {
  width:100%;max-width:none;
  padding-left:max(22px,calc((100% - 1240px)/2));
  padding-right:max(22px,calc((100% - 1240px)/2));
  background:#0e192a;color:#e8eff6;
}
body.site-editorial.page-home #features .eyebrow {
  color:#8fb5de;font:800 11px/1.6 var(--ed-sans);letter-spacing:.15em;
}
body.site-editorial.page-home #features .section-heading {max-width:none;margin-bottom:0;}
body.site-editorial.page-home #features h2 {
  color:#f5f8fc;max-width:980px;font-size:clamp(38px,4.3vw,62px);line-height:1.1;
}
body.site-editorial.page-home #features .feature-grid {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 clamp(36px,6vw,88px);margin-top:clamp(42px,5vw,72px);
  counter-reset:feature;
}
body.site-editorial.page-home #features .feature-card {
  display:grid;grid-template-columns:32px minmax(0,1fr) 24px;
  align-content:start;align-items:start;gap:14px 18px;
  min-width:0;min-height:0;padding:32px 0 40px;
  border:0;border-top:1px solid rgba(209,226,248,.22);
  border-radius:0;background:transparent;box-shadow:none;
  transform:none;transition:none;counter-increment:feature;
}
body.site-editorial.page-home #features .feature-card::before {
  content:counter(feature,decimal-leading-zero) / "";
  grid-column:1;grid-row:1;padding-top:5px;
  color:#8fb5de;font:600 12px/1.6 var(--ed-sans);
  font-variant-numeric:tabular-nums;letter-spacing:.08em;
}
body.site-editorial.page-home #features .feature-card:hover {
  transform:none;border-color:rgba(209,226,248,.22);background:transparent;box-shadow:none;
}
body.site-editorial.page-home #features .feature-card h3 {
  grid-column:2;grid-row:1;margin:0;
  color:#eef5fc;font-size:clamp(22px,2vw,28px);font-weight:700;
  line-height:1.25;letter-spacing:-.04em;
}
body.site-editorial.page-home #features .feature-card p {
  grid-column:2;grid-row:2;margin:0;max-width:48ch;
  color:#becbd9;font-size:15px;line-height:1.8;
}
body.site-editorial.page-home #features .feature-card .feature-icon {
  grid-column:3;grid-row:1;width:24px;height:24px;margin:3px 0 0;
  background:transparent;border-radius:0;color:#90c1f3;
}
body.site-editorial.page-home #features .feature-card svg {
  width:21px;height:21px;color:#90c1f3;
}

/* Home section 05: two principal editions, followed by the quieter roadmap. */
body.site-editorial.page-home #versions .eyebrow {color:#52677d;}
body.site-editorial.page-home #versions .section-heading {max-width:980px;margin-bottom:0;}
body.site-editorial.page-home #versions .version-grid {
  grid-template-columns:repeat(2,minmax(0,1fr));
  margin-top:clamp(40px,5vw,68px);gap:48px 28px;
}
body.site-editorial.page-home #versions .version-card {
  min-width:0;gap:18px;padding:clamp(26px,3vw,44px);
  border:1px solid var(--ed-line);border-radius:20px;
  background:#fff;box-shadow:none;
}
body.site-editorial.page-home #versions .version-title-row {flex-wrap:wrap;align-items:center;gap:12px 18px;}
body.site-editorial.page-home #versions .version-card h3 {
  margin:0;color:var(--ed-ink);font-size:clamp(34px,3.5vw,48px);
  font-weight:700;line-height:1.15;letter-spacing:-.055em;
}
body.site-editorial.page-home #versions .version-card p,
body.site-editorial.page-home #versions .version-card li {font-size:15px;line-height:1.8;color:#52677d;}
body.site-editorial.page-home #versions .version-card p {margin:0;}
body.site-editorial.page-home #versions .version-card .version-label {
  color:#52677d;font-size:10px;line-height:1.6;letter-spacing:.13em;
}
body.site-editorial.page-home #versions .version-card .version-date {
  padding-bottom:20px;border-bottom:1px solid var(--ed-line);
  font-size:13px;line-height:1.7;font-weight:600;
}
body.site-editorial.page-home #versions .version-card ul {margin:0;padding-left:20px;}
body.site-editorial.page-home #versions .version-card li {margin:8px 0;padding-left:3px;}
body.site-editorial.page-home #versions .version-card li::marker {color:#7793b4;font-size:.8em;}
body.site-editorial.page-home #versions .version-status {
  max-width:100%;padding:7px 10px;border:1px solid var(--ed-line);border-radius:5px;
  background:#f0f5fa;color:#52677d;font-size:11px;font-weight:700;line-height:1.5;
}
body.site-editorial.page-home #versions .free-card {
  background:#0e192a;border-color:#0e192a;
}
body.site-editorial.page-home #versions .free-card h3 {color:#f5f8fc;}
body.site-editorial.page-home #versions .free-card p,
body.site-editorial.page-home #versions .free-card li {color:#becbd9;}
body.site-editorial.page-home #versions .free-card .version-date {color:#90c1f3;border-color:#34445a;}
body.site-editorial.page-home #versions .free-card .version-status {
  background:#17283f;border-color:#34445a;color:#b8d8fa;
}
body.site-editorial.page-home #versions .version-card .button {
  min-height:48px;margin-top:auto;padding:14px 22px;border-radius:100px;
  font-size:14px;box-shadow:none;
}
body.site-editorial.page-home #versions .standard-card {border-top:3px solid #7793b4;}
body.site-editorial.page-home #versions .later-card {
  padding:32px 4px 0;border:0;border-top:1px solid #c4cfdb;border-radius:0;
  background:transparent;gap:14px;
}
body.site-editorial.page-home #versions .later-card h3 {font-size:30px;}
body.site-editorial.page-home #versions .later-card .version-date {padding-bottom:0;border:0;}
body.site-editorial.page-home #versions .later-card li {margin:6px 0;}
body.site-editorial.page-home #versions .later-card .version-status {
  background:transparent;border-color:#c4cfdb;
}

/* Home section 06: editorial introduction alongside the current release. */
body.site-editorial.page-home #early-access {
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:32px clamp(36px,6vw,88px);align-items:start;
  padding-inline:0;border:0;border-radius:0;background:transparent;
  box-shadow:none;margin-block:0;
}
body.site-editorial.page-home #early-access .section-heading {grid-column:1;grid-row:1;margin:0;max-width:none;}
body.site-editorial.page-home #early-access .eyebrow {color:#52677d;}
body.site-editorial.page-home #early-access h2 {font-size:clamp(36px,3.65vw,59px);}
body.site-editorial.page-home #early-access .form-layout {display:contents;}
body.site-editorial.page-home #early-access .early-access-copy {
  grid-column:1;grid-row:2;min-width:0;gap:22px;
}
body.site-editorial.page-home #early-access .early-access-copy>p {color:#52677d;font-size:16px;line-height:1.9;}
body.site-editorial.page-home #early-access .next-steps {
  margin-top:14px;padding:0;border:0;border-radius:0;background:transparent;
}
body.site-editorial.page-home #early-access .next-steps h3 {font-size:24px;line-height:1.3;margin-bottom:24px;}
body.site-editorial.page-home #early-access .release-flow {
  display:block;list-style:decimal-leading-zero;padding-left:30px;color:#52677d;
}
body.site-editorial.page-home #early-access .release-flow li {
  padding:17px 0 17px 12px;border-top:1px solid #c4cfdb;font-size:15px;line-height:1.8;
}
body.site-editorial.page-home #early-access .release-flow li::marker {
  color:#52677d;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;
}
body.site-editorial.page-home #early-access .early-access-status-card {
  grid-column:2;grid-row:1 / span 2;min-width:0;width:100%;gap:24px;
  padding:clamp(24px,3vw,42px);border:1px solid #34445a;
  border-radius:20px;box-shadow:none;background:#0e192a;color:#f5f8fc;
}
body.site-editorial.page-home #early-access .release-card-heading {grid-template-columns:22px minmax(0,1fr);gap:14px;}
body.site-editorial.page-home #early-access .release-card-heading .feature-icon {
  width:22px;height:22px;margin-top:8px;background:transparent;color:#90c1f3;
}
body.site-editorial.page-home #early-access .release-card-heading h3 {
  color:#f5f8fc;font-size:clamp(28px,2.4vw,36px);line-height:1.2;margin:0;
}
body.site-editorial.page-home #early-access .early-access-status-card p {color:#becbd9;font-size:14px;line-height:1.8;}
body.site-editorial.page-home #early-access .release-summary {margin-top:12px;}
body.site-editorial.page-home #early-access .release-metadata {margin:0;border-color:#34445a;}
body.site-editorial.page-home #early-access .release-metadata-row {
  grid-template-columns:minmax(0,.65fr) minmax(0,1fr);gap:14px;padding:15px 0;border-color:#34445a;
}
body.site-editorial.page-home #early-access .release-metadata dt {color:#becbd9;font-size:10px;letter-spacing:.08em;gap:8px;}
body.site-editorial.page-home #early-access .release-metadata-icon {width:18px;height:18px;background:transparent;color:#90c1f3;}
body.site-editorial.page-home #early-access .release-metadata dd {color:#f3f6fa;font-size:14px;font-weight:600;overflow-wrap:anywhere;}
body.site-editorial.page-home #early-access .release-metadata [data-release-version] {font-size:25px;letter-spacing:-.04em;}
body.site-editorial.page-home #early-access .early-access-status-card .status-badge.available {
  background:#17283f;color:#b8d8fa;border:1px solid #34445a;border-radius:5px;font-size:12px;
}
body.site-editorial.page-home #early-access .release-metadata-row:has([data-release-sha256]) {grid-template-columns:1fr;gap:8px;}
body.site-editorial.page-home #early-access .release-metadata .release-sha256 {
  font-size:13px;line-height:1.9;font-weight:500;white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word;
}
body.site-editorial.page-home #early-access .button {border-radius:100px;min-height:48px;padding:14px 20px;font-size:14px;box-shadow:none;}
body.site-editorial.page-home #early-access .release-notes {margin:0;}
body.site-editorial.page-home #early-access .release-notes a {color:#90c1f3;font-size:13px;text-underline-offset:4px;}
@media(max-width:900px) {
  body.site-editorial.page-home #early-access {grid-template-columns:1fr;gap:28px;}
  body.site-editorial.page-home #early-access .early-access-status-card {grid-column:1;grid-row:3;margin-top:8px;}
}

/* Home section 07: News editorial preview with asymmetric hierarchy and refined typography. */
body.site-editorial.page-home .updates-preview {
  width:min(1240px,calc(100% - 44px));max-width:none;margin:0 auto;
  padding:clamp(64px,7vw,104px) 0;border-top:1px solid var(--ed-line);
}
body.site-editorial.page-home .updates-preview .updates-heading-row {
  display:flex;align-items:flex-end;justify-content:space-between;
  gap:24px;margin-bottom:clamp(36px,4.5vw,56px);padding-bottom:24px;
  border-bottom:1px solid var(--ed-line);
}
body.site-editorial.page-home .updates-preview .updates-heading-row .section-heading {
  margin:0;max-width:none;
}
body.site-editorial.page-home .updates-preview .eyebrow {
  color:#52677d;font:800 11px/1.3 var(--ed-sans);letter-spacing:.14em;
  text-transform:uppercase;margin:0 0 8px;
}
body.site-editorial.page-home .updates-preview h2 {
  font:800 clamp(32px,3.6vw,54px)/1.12 var(--ed-sans);
  letter-spacing:-.055em;color:var(--ed-ink);margin:0;
}
body.site-editorial.page-home .updates-preview .updates-view-all {
  display:inline-flex;align-items:center;gap:10px;padding:12px 24px;
  border:1px solid var(--ed-line);border-radius:100px;background:#fff;
  color:var(--ed-ink);font:800 12px/1.2 var(--ed-sans);letter-spacing:.06em;
  text-transform:uppercase;text-decoration:none;white-space:nowrap;
  transition:all 180ms ease;flex-shrink:0;margin-bottom:4px;
}
body.site-editorial.page-home .updates-preview .updates-view-all:hover {
  background:#0e192a;border-color:#0e192a;color:#fff;gap:14px;
}
body.site-editorial.page-home .updates-preview .updates-grid {
  display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);
  gap:0 clamp(36px,5vw,68px);align-items:stretch;
}
/* Lead Article on Homepage: dominant, spacious, elevated presentation */
body.site-editorial.page-home .updates-preview .update-card:first-child {
  grid-column:1;grid-row:1 / span 2;display:flex;flex-direction:column;
  padding:clamp(32px,3.5vw,48px);background:#fff;border:1px solid var(--ed-line);
  border-radius:24px;box-shadow:0 12px 36px rgba(17,31,49,.035);
  min-height:0;transition:transform 200ms ease,border-color 200ms ease,box-shadow 200ms ease;
}
body.site-editorial.page-home .updates-preview .update-card:first-child:hover {
  transform:translateY(-3px);border-color:#b0c4de;box-shadow:0 18px 44px rgba(17,31,49,.065);
}
body.site-editorial.page-home .updates-preview .update-card:first-child .update-meta {
  display:flex;align-items:center;gap:12px;margin-bottom:20px;
}
body.site-editorial.page-home .updates-preview .update-card:first-child .update-type {
  background:#0e192a;color:#90c1f3;border:1px solid #23364f;
  border-radius:100px;padding:6px 14px;font:800 10.5px/1 var(--ed-sans);
  letter-spacing:.1em;text-transform:uppercase;
}
body.site-editorial.page-home .updates-preview .update-card:first-child time {
  color:#52677d;font:700 12.5px/1 var(--ed-sans);letter-spacing:.03em;
}
body.site-editorial.page-home .updates-preview .update-card:first-child h3 {
  font:800 clamp(25px,2.3vw,34px)/1.22 var(--ed-sans);
  letter-spacing:-.055em;color:var(--ed-ink);margin:0 0 16px;
}
body.site-editorial.page-home .updates-preview .update-card:first-child p {
  font-size:15px;line-height:1.85;color:#52677d;margin:0 0 28px;max-width:520px;
}
body.site-editorial.page-home .updates-preview .update-card:first-child .update-link {
  margin-top:auto;color:#174b88;font:800 12px/1.4 var(--ed-sans);
  letter-spacing:.08em;text-transform:uppercase;text-decoration:none;
  display:inline-flex;align-items:center;gap:8px;transition:gap 160ms ease,color 160ms ease;
}
body.site-editorial.page-home .updates-preview .update-card:first-child:hover .update-link {
  color:#123e74;gap:12px;
}
/* Quieter subsequent articles: clean hairline divider structure */
body.site-editorial.page-home .updates-preview .update-card:not(:first-child) {
  grid-column:2;display:flex;flex-direction:column;padding:28px 0 32px;
  background:transparent;border:0;border-top:1px solid var(--ed-line);
  border-radius:0;box-shadow:none;min-height:0;transition:transform 180ms ease;
}
body.site-editorial.page-home .updates-preview .update-card:not(:first-child):hover {
  transform:translateX(4px);box-shadow:none;
}
body.site-editorial.page-home .updates-preview .update-card:nth-child(2) {
  grid-row:1;border-top:0;padding-top:6px;padding-bottom:28px;
}
body.site-editorial.page-home .updates-preview .update-card:nth-child(3) {
  grid-row:2;border-top:1px solid var(--ed-line);padding-top:28px;
}
body.site-editorial.page-home .updates-preview .update-card:not(:first-child) .update-meta {
  display:flex;align-items:center;gap:10px;margin-bottom:12px;
}
body.site-editorial.page-home .updates-preview .update-card:not(:first-child) .update-type {
  background:#eef3f8;color:#52677d;border:1px solid #d8e2ed;
  border-radius:100px;padding:4px 10px;font:800 9.5px/1 var(--ed-sans);
  letter-spacing:.08em;text-transform:uppercase;
}
body.site-editorial.page-home .updates-preview .update-card:not(:first-child) time {
  color:#71879d;font:600 12px/1 var(--ed-sans);
}
body.site-editorial.page-home .updates-preview .update-card:not(:first-child) h3 {
  font:750 clamp(18px,1.6vw,22px)/1.32 var(--ed-sans);
  letter-spacing:-.045em;color:var(--ed-ink);margin:0 0 10px;
}
body.site-editorial.page-home .updates-preview .update-card:not(:first-child) p {
  font-size:14px;line-height:1.75;color:#61758a;margin:0 0 16px;
}
body.site-editorial.page-home .updates-preview .update-card:not(:first-child) .update-link {
  margin-top:auto;color:#244f81;font:800 11px/1.4 var(--ed-sans);
  letter-spacing:.07em;text-transform:uppercase;text-decoration:none;
  display:inline-flex;align-items:center;gap:6px;transition:gap 160ms ease,color 160ms ease;
}
body.site-editorial.page-home .updates-preview .update-card:not(:first-child):hover .update-link {
  color:#145eb1;gap:10px;
}
body.site-editorial.page-home #faq {padding-block:72px 112px;}
body.site-editorial.page-home .faq-list {margin-top:25px;}
body.site-editorial.page-home .faq-list details {border-radius:17px;background:#fff;border:1px solid #dce4ec;box-shadow:none;margin-bottom:9px;}
body.site-editorial.page-home .faq-list summary {padding:15px 20px;font-weight:750;font-size:15px;}
body.site-editorial.page-home .final-cta {width:min(1240px,calc(100% - 44px));border-radius:28px;margin-bottom:92px;background:#12243c;}
body.site-editorial.page-home .final-cta h2 {color:#fff;font-size:clamp(36px,3.6vw,62px);}
body.site-editorial.page-home .final-cta .button {border-radius:100px;}

/* Updates listing: editorial magazine hierarchy with 3-tier asymmetric flow. */
body.site-editorial:not(.page-home) .updates-main {
  padding:0 0 92px;min-height:0;background:var(--ed-paper);
}
body.site-editorial .updates-page {
  width:min(1280px,calc(100% - 44px));max-width:none;
  margin:0 auto;padding:44px 0 64px;
}
body.site-editorial .updates-page-header {
  position:relative;isolation:isolate;overflow:hidden;
  max-width:none;min-height:320px;padding:clamp(38px,5.5vw,76px);
  margin-bottom:clamp(32px,4vw,48px);border:1px solid rgba(255,255,255,.08);
  border-radius:28px;background:#0e1a2c;color:#fff;
}
body.site-editorial .updates-page-header::after {
  content:"";position:absolute;z-index:-1;pointer-events:none;
  width:clamp(260px,42%,500px);height:100%;right:0;top:0;
  background:url('/assets/stockmate-cubes-translucent.png') center / contain no-repeat;
  opacity:.52;filter:saturate(.7) brightness(1.15);
}
body.site-editorial .updates-page-header .eyebrow {
  position:relative;max-width:62%;color:#90c1f3;letter-spacing:.16em;
  font:800 11px/1.3 var(--ed-sans);text-transform:uppercase;margin:0 0 8px;
}
body.site-editorial .updates-page-header h1 {
  position:relative;max-width:70%;font:800 clamp(48px,6.8vw,94px)/1.02 var(--ed-sans);
  letter-spacing:-.065em;color:#fff;margin:18px 0 20px;
}
body.site-editorial .updates-page-header .updates-lead {
  position:relative;max-width:620px;margin:0;color:#c3d1df;
  font:500 16.5px/1.85 var(--ed-sans);
}
body.site-editorial .updates-page .updates-grid {
  display:grid;grid-template-columns:repeat(12,minmax(0,1fr));
  max-width:none;gap:28px;align-items:stretch;
}
/* Tier 1: Lead Article */
body.site-editorial .updates-page .update-card.update-card-featured,
body.site-editorial .updates-page .update-card.featured,
body.site-editorial .updates-page .update-card--featured {
  grid-column:1/-1;min-height:0;padding:clamp(36px,4.5vw,60px);
  border:1px solid var(--ed-line);border-radius:24px;background:#fff;
  box-shadow:0 12px 36px rgba(17,31,49,.035);display:flex;flex-direction:column;
  transition:transform 200ms ease,border-color 200ms ease,box-shadow 200ms ease;
}
body.site-editorial .updates-page .update-card.update-card-featured:hover {
  transform:translateY(-3px);border-color:#b0c4de;box-shadow:0 18px 44px rgba(17,31,49,.065);
}
body.site-editorial .updates-page .update-card.update-card-featured .update-meta {
  display:flex;align-items:center;gap:12px;margin-bottom:20px;font-size:12px;
}
body.site-editorial .updates-page .update-card.update-card-featured .update-type {
  background:#0e192a;color:#90c1f3;border:1px solid #23364f;border-radius:100px;
  padding:6px 14px;font:800 10.5px/1 var(--ed-sans);letter-spacing:.1em;text-transform:uppercase;
}
body.site-editorial .updates-page .update-card.update-card-featured time {
  color:#52677d;font:700 13px/1 var(--ed-sans);letter-spacing:.04em;
}
body.site-editorial .updates-page .update-card.update-card-featured h3 {
  max-width:900px;margin:0 0 16px;font:800 clamp(28px,3.2vw,44px)/1.2 var(--ed-sans);
  letter-spacing:-.055em;color:var(--ed-ink);
}
body.site-editorial .updates-page .update-card.update-card-featured p {
  max-width:820px;margin:0 0 28px;font-size:16px;line-height:1.88;color:#52677d;
}
body.site-editorial .updates-page .update-card.update-card-featured .update-link {
  margin-top:auto;color:#174b88;font:800 12px/1.4 var(--ed-sans);
  letter-spacing:.08em;text-transform:uppercase;text-decoration:none;
  display:inline-flex;align-items:center;gap:8px;transition:gap 160ms ease,color 160ms ease;
}
body.site-editorial .updates-page .update-card.update-card-featured:hover .update-link {
  color:#123e74;gap:12px;
}

/* Tier 2: Secondary Development Updates */
body.site-editorial .updates-page .update-card:nth-child(2),
body.site-editorial .updates-page .update-card:nth-child(3) {
  grid-column:span 6;min-height:0;padding:clamp(30px,3.2vw,44px);
  border:1px solid var(--ed-line);border-radius:20px;background:#fff;
  box-shadow:0 10px 28px rgba(17,31,49,.025);display:flex;flex-direction:column;
  transition:transform 200ms ease,border-color 200ms ease,box-shadow 200ms ease;
}
body.site-editorial .updates-page .update-card:nth-child(2):hover,
body.site-editorial .updates-page .update-card:nth-child(3):hover {
  transform:translateY(-2px);border-color:#b0c4de;box-shadow:0 14px 36px rgba(17,31,49,.05);
}
body.site-editorial .updates-page .update-card:nth-child(2) .update-meta,
body.site-editorial .updates-page .update-card:nth-child(3) .update-meta {
  display:flex;align-items:center;gap:10px;margin-bottom:16px;font-size:11.5px;
}
body.site-editorial .updates-page .update-card:nth-child(2) .update-type,
body.site-editorial .updates-page .update-card:nth-child(3) .update-type {
  background:#eef4fb;color:#1f5796;border:1px solid rgba(31,87,150,.18);
  border-radius:100px;padding:5px 12px;font:800 10px/1 var(--ed-sans);
  letter-spacing:.08em;text-transform:uppercase;
}
body.site-editorial .updates-page .update-card:nth-child(2) time,
body.site-editorial .updates-page .update-card:nth-child(3) time {
  color:#60748a;font:700 12px/1 var(--ed-sans);
}
body.site-editorial .updates-page .update-card:nth-child(2) h3,
body.site-editorial .updates-page .update-card:nth-child(3) h3 {
  font:800 clamp(22px,2.1vw,28px)/1.26 var(--ed-sans);
  letter-spacing:-.05em;color:var(--ed-ink);margin:0 0 14px;
}
body.site-editorial .updates-page .update-card:nth-child(2) p,
body.site-editorial .updates-page .update-card:nth-child(3) p {
  font-size:14.5px;line-height:1.82;color:#52677d;margin:0 0 24px;
}
body.site-editorial .updates-page .update-card:nth-child(2) .update-link,
body.site-editorial .updates-page .update-card:nth-child(3) .update-link {
  margin-top:auto;color:#244f81;font:800 11.5px/1.4 var(--ed-sans);
  letter-spacing:.07em;text-transform:uppercase;text-decoration:none;
  display:inline-flex;align-items:center;gap:6px;transition:gap 160ms ease,color 160ms ease;
}
body.site-editorial .updates-page .update-card:nth-child(2):hover .update-link,
body.site-editorial .updates-page .update-card:nth-child(3):hover .update-link {
  color:#145eb1;gap:10px;
}

/* Tier 3: Earlier Foundation and Roadmap Releases */
body.site-editorial .updates-page .update-card:nth-child(n+4) {
  grid-column:span 4;min-height:0;padding:clamp(24px,2.5vw,34px);
  border:1px solid var(--ed-line);border-radius:18px;background:#fafbf9;
  box-shadow:none;display:flex;flex-direction:column;
  transition:transform 180ms ease,border-color 180ms ease;
}
body.site-editorial .updates-page .update-card:nth-child(n+4):hover {
  transform:translateY(-2px);border-color:#b0c4de;
}
body.site-editorial .updates-page .update-card:nth-child(n+4) .update-meta {
  display:flex;align-items:center;gap:9px;margin-bottom:12px;font-size:11px;
}
body.site-editorial .updates-page .update-card:nth-child(n+4) .update-type {
  background:#f0f4f8;color:#52677d;border:1px solid #d8e2ed;
  border-radius:100px;padding:4px 10px;font:800 9.5px/1 var(--ed-sans);
  letter-spacing:.08em;text-transform:uppercase;
}
body.site-editorial .updates-page .update-card:nth-child(n+4) time {
  color:#71879d;font:600 11.5px/1 var(--ed-sans);
}
body.site-editorial .updates-page .update-card:nth-child(n+4) h3 {
  font:750 clamp(18px,1.6vw,21px)/1.32 var(--ed-sans);
  letter-spacing:-.04em;color:var(--ed-ink);margin:0 0 10px;
}
body.site-editorial .updates-page .update-card:nth-child(n+4) p {
  font-size:13.5px;line-height:1.76;color:#61758a;margin:0 0 18px;
}
body.site-editorial .updates-page .update-card:nth-child(n+4) .update-link {
  margin-top:auto;color:#244f81;font:800 11px/1.4 var(--ed-sans);
  letter-spacing:.06em;text-transform:uppercase;text-decoration:none;
  display:inline-flex;align-items:center;gap:6px;transition:gap 160ms ease,color 160ms ease;
}
body.site-editorial .updates-page .update-card:nth-child(n+4):hover .update-link {
  color:#145eb1;gap:10px;
}
/* All-G StockMate | Single Article Editorial Redesign (WEBSITE-30) */
body.site-editorial .update-article {
  width: min(840px, calc(100% - 44px));
  max-width: none;
  padding: 38px 0 92px;
  margin: 0 auto;
}

body.site-editorial .update-article a.article-back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 24px;
  font: 750 11.5px/1.4 var(--ed-sans);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #4a6686;
  text-decoration: none;
  transition: color 150ms ease, transform 150ms ease;
}

body.site-editorial .update-article a.article-back:hover {
  color: #145eb1;
  transform: translateX(-3px);
}

body.site-editorial .update-article a.article-back:focus-visible {
  outline: 2px solid #145eb1;
  outline-offset: 4px;
  border-radius: 4px;
}

body.site-editorial .update-article .update-article-header {
  position: relative;
  background: linear-gradient(135deg, #0e1e34 0%, #172d4a 60%, #13243c 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 22px;
  box-shadow: 0 16px 36px -12px rgba(9, 21, 37, 0.22), 0 1px 2px rgba(9, 21, 37, 0.08);
  padding: clamp(34px, 4.2vw, 52px) clamp(26px, 4.5vw, 56px);
  margin: 0 0 34px;
  color: #ffffff;
}

body.site-editorial .update-article .update-article-header .update-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 14px;
  margin: 0 0 18px;
}

body.site-editorial .update-article .update-article-header .update-type {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 11px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #f0f6ff;
  font: 750 11px/1.3 var(--ed-sans);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.site-editorial .update-article .update-article-header time {
  color: #9cb6d3;
  font: 600 12.5px/1.4 var(--ed-sans);
  letter-spacing: 0.03em;
}

body.site-editorial .update-article .update-article-header h1 {
  max-width: 760px;
  margin: 0 0 20px;
  font: 800 clamp(28px, 3.6vw, 44px)/1.18 var(--ed-sans);
  letter-spacing: -0.035em;
  color: #ffffff;
  text-wrap: pretty;
  word-break: normal;
  overflow-wrap: break-word;
}

body.site-editorial .update-article .update-article-header .update-article-lead {
  max-width: 720px;
  margin: 0;
  padding-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  color: #c7d8ea;
  font: 450 clamp(16px, 1.35vw, 18px)/1.65 var(--ed-sans);
}

/* Additional visual modules (quick overview cards & flows) - scoped strictly to .update-article */
body.site-editorial .update-article .update-visual {
  background: #ffffff;
  border: 1px solid #e1e8f0;
  border-radius: 18px;
  padding: clamp(22px, 3.2vw, 34px);
  margin: 0 0 clamp(32px, 4vw, 42px);
  box-shadow: 0 4px 18px -4px rgba(13, 27, 44, 0.05);
}

body.site-editorial .update-article .visual-kicker {
  margin: 0 0 16px;
  color: #145eb1;
  font: 800 11px/1.4 var(--ed-sans);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

body.site-editorial .update-article .visual-grid {
  display: grid;
  gap: 14px;
}

body.site-editorial .update-article .visual-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.site-editorial .update-article .visual-card {
  background: #fbfcfe;
  border: 1px solid #e7ecf2;
  border-radius: 12px;
  padding: 18px 20px;
  transition: border-color 160ms ease, box-shadow 160ms ease;
}

body.site-editorial .update-article .visual-card:hover {
  border-color: #cbdbee;
  box-shadow: 0 4px 12px rgba(15, 27, 45, 0.05);
}

body.site-editorial .update-article .visual-label {
  margin: 0 0 6px;
  color: #145eb1;
  font: 750 11px/1.3 var(--ed-sans);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.site-editorial .update-article .visual-card h3 {
  margin: 0 0 8px;
  color: #0d1e33;
  font: 750 15px/1.35 var(--ed-sans);
  letter-spacing: -0.015em;
}

body.site-editorial .update-article .visual-strong {
  display: block;
  margin-bottom: 4px;
  color: #0b2542;
  font: 800 18px/1.2 var(--ed-sans);
}

body.site-editorial .update-article .visual-card p {
  margin: 0;
  color: #4a6177;
  font: 400 13px/1.55 var(--ed-sans);
}

body.site-editorial .update-article .visual-flow {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}

body.site-editorial .update-article .visual-flow.two-step {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.site-editorial .update-article .visual-flow li {
  position: relative;
  background: #fbfcfe;
  border: 1px solid #e7ecf2;
  border-radius: 12px;
  padding: 18px 20px;
}

body.site-editorial .update-article .visual-flow li::after {
  display: none !important;
}

body.site-editorial .update-article .visual-step,
body.site-editorial .update-article .visual-flow .visual-step {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: #0f2744;
  color: #ffffff;
  font: 800 11.5px/1 var(--ed-sans);
  margin-bottom: 10px;
  padding: 0;
}

body.site-editorial .update-article .visual-flow strong {
  display: block;
  color: #0d1e33;
  font: 750 14px/1.35 var(--ed-sans);
  letter-spacing: -0.015em;
  margin-bottom: 6px;
}

body.site-editorial .update-article .visual-flow span {
  display: block;
  color: #4a6177;
  font: 400 13px/1.55 var(--ed-sans);
}

/* Article Body typography, rhythm, and measures (~68-78 chars per line) */
body.site-editorial .update-article .update-article-body {
  max-width: 720px;
  margin: 0 auto;
  padding: 0;
  font-size: 16.5px;
  line-height: 1.82;
  color: #243c54;
}

body.site-editorial .update-article .update-article-body p {
  margin: 0 0 1.4em;
  line-height: 1.82;
}

body.site-editorial .update-article .update-article-body h2 {
  font: 800 clamp(24px, 2.5vw, 32px)/1.25 var(--ed-sans);
  letter-spacing: -0.03em;
  color: #0c1d30;
  margin-top: 2.5em;
  margin-bottom: 0.85em;
  padding-top: 1.3em;
  border-top: 1px solid #d8e2ec;
}

body.site-editorial .update-article .update-article-body > h2:first-of-type {
  border-top: none;
  padding-top: 0;
  margin-top: 1.2em;
}

body.site-editorial .update-article .update-article-body h3 {
  font: 750 clamp(18px, 1.8vw, 22px)/1.35 var(--ed-sans);
  letter-spacing: -0.02em;
  color: #0f243d;
  margin-top: 1.8em;
  margin-bottom: 0.6em;
}

body.site-editorial .update-article .update-article-body ul {
  display: flex;
  flex-direction: column;
  gap: 0.65em;
  margin: 1.1em 0 1.5em;
  padding-left: 1.4em;
}

body.site-editorial .update-article .update-article-body li {
  font-size: 16px;
  line-height: 1.7;
  color: #243c54;
}

body.site-editorial .update-article .update-article-body li::marker {
  color: #145eb1;
}

body.site-editorial .update-article .update-article-body a {
  color: #145eb1;
  font-weight: 650;
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 3px;
  transition: color 150ms ease;
}

body.site-editorial .update-article .update-article-body a:hover {
  color: #093e75;
  text-decoration-thickness: 2px;
}

body.site-editorial .update-article .update-article-body a:focus-visible {
  outline: 2px solid #145eb1;
  outline-offset: 3px;
  border-radius: 2px;
}

/* Callouts / Notes - scoped strictly to .update-article */
body.site-editorial .update-article .update-note {
  margin: 2.2em 0;
  padding: 20px 24px;
  background: #f1f6fc;
  border: 1px solid #d4e3f2;
  border-left: 4px solid #145eb1;
  border-radius: 12px;
}

body.site-editorial .update-article .update-note p {
  margin: 0;
  font: 450 15.5px/1.7 var(--ed-sans);
  color: #1b3652;
}

body.site-editorial .update-article .update-note p + p {
  margin-top: 0.7em;
}

/* Article illustrations: reset problematic floats and negative margins - scoped strictly to .update-article */
body.site-editorial .update-article .update-article-body figure,
body.site-editorial .update-article .reliability-inline-visual,
body.site-editorial .update-article .standard-inline-visual,
body.site-editorial .update-article .android-inline-visual,
body.site-editorial .update-article .early-access-inline-visual,
body.site-editorial .update-article .release-milestone-visual {
  float: none !important;
  clear: both !important;
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  pointer-events: auto;
}

body.site-editorial .update-article .reliability-inline-visual {
  width: 100% !important;
  max-width: 460px !important;
  margin-top: 2rem !important;
  margin-bottom: 2.4rem !important;
}

body.site-editorial .update-article .reliability-inline-visual img {
  display: block;
  width: 100%;
  max-width: 420px;
  height: auto;
  margin: 0 auto;
  transform: scaleX(-1);
  transform-origin: center;
  filter: drop-shadow(0 12px 28px rgba(11, 25, 43, 0.09));
}

body.site-editorial .update-article .early-access-inline-visual {
  width: 100% !important;
  max-width: 680px !important;
  margin-top: 2rem !important;
  margin-bottom: 2.4rem !important;
}

body.site-editorial .update-article .early-access-inline-visual img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
  border-radius: 14px;
  border: 1px solid #e1e9f2;
  box-shadow: 0 10px 28px -6px rgba(12, 26, 45, 0.1);
}

body.site-editorial .update-article .standard-inline-visual {
  width: 100% !important;
  max-width: 720px !important;
  margin-top: 2rem !important;
  margin-bottom: 2.4rem !important;
}

body.site-editorial .update-article .standard-inline-visual img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
  border-radius: 14px;
  border: 1px solid #e1e9f2;
  box-shadow: 0 10px 28px -6px rgba(12, 26, 45, 0.1);
}

body.site-editorial .update-article .android-inline-visual {
  width: 100% !important;
  max-width: 420px !important;
  margin-top: 2rem !important;
  margin-bottom: 2.4rem !important;
}

body.site-editorial .update-article .android-inline-visual img {
  display: block;
  width: 100%;
  max-width: 380px;
  height: auto;
  margin: 0 auto;
  filter: drop-shadow(0 12px 28px rgba(11, 25, 43, 0.09));
}

body.site-editorial .update-article .release-milestone-visual {
  width: 100% !important;
  max-width: 720px !important;
  margin-top: 2rem !important;
  margin-bottom: 2.4rem !important;
}

body.site-editorial .update-article .release-milestone-visual img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
  border-radius: 14px;
  border: 1px solid #e1e9f2;
  box-shadow: 0 10px 28px -6px rgba(12, 26, 45, 0.1);
}

@media (max-width: 860px) {
  body.site-editorial .update-article .visual-grid-3,
  body.site-editorial .update-article .visual-flow,
  body.site-editorial .update-article .visual-flow.two-step {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}
/* Legal pages retain the document's substance and readable long-form measure. */
body.site-editorial .legal-main {
  max-width:1100px;width:calc(100% - 40px);margin:0 auto;
  padding:44px 0 100px;color:var(--ed-ink);
}
body.site-editorial .legal-hero {
  background:#11233b;color:#fff;border-radius:28px;
  padding:clamp(32px,4vw,62px);margin-bottom:26px;border:0;
}
body.site-editorial .legal-hero h1 {
  max-width:900px;color:#fff;font:800 clamp(38px,4vw,66px)/1.1 var(--ed-sans);letter-spacing:-.065em;
}
body.site-editorial .legal-hero .eyebrow {color:#a0c4e9;}
body.site-editorial .legal-hero .legal-lead {max-width:760px;color:#d3e0ec;}
body.site-editorial .legal-hero .legal-updated {color:#afc3d7;}
body.site-editorial .legal-content {max-width:none;border-radius:24px;background:#fff;border:1px solid var(--ed-line);padding:clamp(20px,4vw,56px);}
body.site-editorial .legal-content h2 {letter-spacing:-.045em;line-height:1.25;}
body.site-editorial .legal-content p,body.site-editorial .legal-content li {line-height:1.88;}

/* Tablet and mobile: retain native JS menu breakpoints and avoid any horizontal overflow. */
@media(max-width:1150px) and (min-width:721px) {
  body.site-editorial:not(.page-home) .site-header {gap:17px;padding-inline:22px;}
  body.site-editorial:not(.page-home) .main-nav {gap:5px 12px;}
  body.site-editorial:not(.page-home) .main-nav a {font-size:10px;}
  body.site-editorial:not(.page-home) .editorial-header-symbol {width:48px;height:32px;}
  body.site-editorial:not(.page-home) .editorial-header-name {font-size:16px;}
  body.site-editorial:not(.page-home) .editorial-header-tagline {font-size:7px;}
}
@media(max-width:1024px) and (min-width:721px) {
  body.site-editorial .updates-page .updates-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;
  }
  body.site-editorial .updates-page .update-card.update-card-featured,
  body.site-editorial .updates-page .update-card.featured,
  body.site-editorial .updates-page .update-card--featured {grid-column:1/-1;}
  body.site-editorial .updates-page .update-card:nth-child(2),
  body.site-editorial .updates-page .update-card:nth-child(3) {grid-column:span 1;}
  body.site-editorial .updates-page .update-card:nth-child(n+4) {grid-column:span 1;}
  body.site-editorial .updates-page .update-card:nth-child(6) {grid-column:1/-1;}
}
@media(max-width:900px) {
  body.site-editorial.page-home .updates-preview .updates-heading-row {
    flex-direction:column;align-items:flex-start;gap:18px;
    padding-bottom:20px;margin-bottom:32px;
  }
  body.site-editorial.page-home .updates-preview .updates-grid {grid-template-columns:1fr;gap:0;}
  body.site-editorial.page-home .updates-preview .update-card:first-child {
    grid-column:1;grid-row:auto;padding:clamp(24px,5vw,34px);border-radius:20px;margin-bottom:8px;
  }
  body.site-editorial.page-home .updates-preview .update-card:not(:first-child) {
    grid-column:1;grid-row:auto;padding:24px 0;border-top:1px solid var(--ed-line);
  }
  body.site-editorial.page-home .updates-preview .update-card:nth-child(2) {
    padding-top:24px;border-top:1px solid var(--ed-line);
  }
  body.site-editorial .updates-page .updates-grid {grid-template-columns:1fr;}
  body.site-editorial .updates-page .update-card.update-card-featured,
  body.site-editorial .updates-page .update-card.featured,
  body.site-editorial .updates-page .update-card--featured {grid-column:1;}
  body.site-editorial .updates-page-header .updates-lead {max-width:68%;}
}
@media(max-width:720px) {
  html:has(body.site-editorial) {scroll-padding-top:85px;}
  body.site-editorial [id] {scroll-margin-top:85px;}
  body.site-editorial:not(.page-home) .site-header {
    display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px 12px;
    padding:15px 16px;min-height:70px;
  }
  body.site-editorial:not(.page-home) .editorial-header-symbol {width:43px;height:30px;}
  body.site-editorial:not(.page-home) .editorial-header-name {font-size:14px;}
  body.site-editorial:not(.page-home) .editorial-header-tagline {font-size:6px;letter-spacing:.13em;}
  body.site-editorial:not(.page-home) .site-header .nav-toggle {grid-column:2;grid-row:1;display:inline-flex;}
  body.site-editorial:not(.page-home) .main-nav {grid-column:1/-1;grid-row:2;flex-direction:column;align-items:stretch;gap:2px;}
  html.js body.site-editorial:not(.page-home) .main-nav {display:none;}
  html.js body.site-editorial:not(.page-home) .main-nav.is-open {
    display:flex;padding:12px;background:#15273d;border:1px solid rgba(255,255,255,.15);
    border-radius:12px;box-shadow:0 16px 32px rgba(0,0,0,.15);
  }
  body.site-editorial:not(.page-home) .main-nav a {padding:11px 9px;width:100%;font-size:12px;}
  body.site-editorial .site-footer {grid-template-columns:1fr;gap:23px;padding:44px 23px;}
  body.site-editorial .footer-brand {max-width:160px;}
  body.site-editorial .footer-logo {max-width:155px;}
  body.site-editorial.page-home #problem,
  body.site-editorial.page-home #features,
  body.site-editorial.page-home #versions,
  body.site-editorial.page-home #early-access,
  body.site-editorial.page-home #faq {padding-top:65px;padding-bottom:65px;}
  body.site-editorial.page-home #problem,
  body.site-editorial.page-home #versions,
  body.site-editorial.page-home #early-access,
  body.site-editorial.page-home #faq {width:calc(100% - 28px);}
  body.site-editorial.page-home #problem .problem-showcase {padding:25px 20px;}
  body.site-editorial.page-home #features {padding-inline:22px;}
  body.site-editorial.page-home #features h2:lang(pl) {font-size:clamp(32px,8.7vw,37px);text-wrap:pretty;}
  body.site-editorial.page-home #features .feature-grid {grid-template-columns:1fr;gap:0;margin-top:40px;}
  body.site-editorial.page-home #features .feature-card {padding:28px 0 32px;column-gap:12px;}
  body.site-editorial.page-home #versions .version-grid {grid-template-columns:1fr;gap:32px;}
  body.site-editorial.page-home #early-access {margin-block:24px;padding-inline:0;}
  body.site-editorial.page-home .editorial-product-section {padding:60px 0;}
  body.site-editorial.page-home .editorial-product-copy h2 {font-size:clamp(40px,10vw,55px);}
  body.site-editorial.page-home .updates-preview {width:calc(100% - 28px);padding:48px 0;}
  body.site-editorial .updates-page {width:calc(100% - 28px);padding:22px 0 45px;}
  body.site-editorial .updates-page-header {min-height:0;padding:32px 24px;border-radius:22px;margin-bottom:24px;}
  body.site-editorial .updates-page-header::after {opacity:.16;width:100%;right:-16%;}
  body.site-editorial .updates-page-header .eyebrow,
  body.site-editorial .updates-page-header h1,
  body.site-editorial .updates-page-header .updates-lead {max-width:none;}
  body.site-editorial .updates-page-header h1 {font-size:clamp(42px,11vw,64px);margin:14px 0 16px;}
  body.site-editorial .updates-page-header .updates-lead {font-size:15px;line-height:1.75;}
  body.site-editorial .updates-page .updates-grid {grid-template-columns:1fr;gap:18px;}
  body.site-editorial .updates-page .update-card.update-card-featured,
  body.site-editorial .updates-page .update-card:nth-child(2),
  body.site-editorial .updates-page .update-card:nth-child(3),
  body.site-editorial .updates-page .update-card:nth-child(n+4),
  body.site-editorial .updates-page .update-card:nth-child(6) {
    grid-column:1;padding:24px 20px;border-radius:18px;min-height:0;
  }
  body.site-editorial .updates-page .update-card.update-card-featured h3 {
    font-size:clamp(22px,6vw,28px);
  }
  body.site-editorial .update-article {width:calc(100% - 32px);padding-top:20px;padding-bottom:56px;}
  body.site-editorial .update-article a.article-back {margin-bottom:18px;}
  body.site-editorial .update-article .update-article-header {padding:26px 20px;border-radius:16px;margin-bottom:24px;}
  body.site-editorial .update-article .update-article-header .update-meta {margin-bottom:14px;gap:8px 10px;}
  body.site-editorial .update-article .update-article-header h1 {font-size:clamp(22px,6vw,28px);line-height:1.24;text-wrap:pretty;margin-bottom:16px;}
  body.site-editorial .update-article .update-article-header .update-article-lead {font-size:15.5px;line-height:1.62;padding-top:14px;}
  body.site-editorial .update-article .update-article-body {padding:0;font-size:15.5px;line-height:1.76;}
  body.site-editorial .update-article .update-article-body h2 {font-size:clamp(21px,5.5vw,24px);line-height:1.3;margin-top:2em;padding-top:1.1em;}
  body.site-editorial .update-article .update-article-body h3 {font-size:17.5px;}
  body.site-editorial .update-article .update-visual {padding:18px 16px;border-radius:14px;margin-bottom:26px;}
  body.site-editorial .update-article .visual-card {padding:14px 16px;}
  body.site-editorial .update-article .visual-flow li {padding:14px 16px;}
  body.site-editorial .update-article .update-note {padding:16px 18px;margin:20px 0;}
  body.site-editorial .update-article .reliability-inline-visual,
  body.site-editorial .update-article .standard-inline-visual,
  body.site-editorial .update-article .android-inline-visual,
  body.site-editorial .update-article .early-access-inline-visual,
  body.site-editorial .update-article .release-milestone-visual {
    margin-top: 1.6rem !important;
    margin-bottom: 2rem !important;
  }
  body.site-editorial .legal-main {width:calc(100% - 26px);padding-top:22px;}
  body.site-editorial .legal-hero {padding:34px 26px;}
  body.site-editorial .legal-hero h1 {font-size:clamp(36px,9vw,54px);}
  body.site-editorial .legal-content {padding:28px 21px;}
}
@media(prefers-reduced-motion:reduce) {
  body.site-editorial *,body.site-editorial *::before,body.site-editorial *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important;}
}


/* Editorial 4.2.1 | navigation scroll offset and News naming */
/* A scroll-margin and scroll-padding were both applied at 94px.
   Chromium adds the two offsets when following hash links, pushing content
   approximately one extra header-height down. Keep only scroll-margin. */
html:has(body.site-editorial) { scroll-padding-top: 0; }
body.site-editorial [id] { scroll-margin-top: 88px; }
@media (max-width: 720px) {
  html:has(body.site-editorial) { scroll-padding-top: 0; }
  body.site-editorial [id] { scroll-margin-top: 80px; }
}


/* EDITORIAL 4.2.2 | section anchor rhythm */
/* Visual landmarks differ: Product, For whom, Versions and FAQ already include
   internal chapter spacing. Align the visible content near the fixed masthead,
   not the invisible top of their section containers. The approved Features
   section is deliberately untouched. #main remains the accessibility landmark. */
@media (min-width: 721px) {
  body.site-editorial.page-home #product { scroll-margin-top: 60px; }
  body.site-editorial.page-home #problem { scroll-margin-top: 8px; }
  body.site-editorial.page-home #problem .problem-showcase {
    padding-top: clamp(31px, 3vw, 44px);
  }
  body.site-editorial.page-home #versions { scroll-margin-top: 28px; }
  body.site-editorial.page-home #early-access {
    scroll-margin-top: 88px;
    padding-top: clamp(44px, 4.2vw, 62px);
  }
  body.site-editorial.page-home #faq { scroll-margin-top: 54px; }
}
@media (max-width: 720px) {
  /* Mobile uses a 70-80 px header. Keep targets clear of the navigation. */
  body.site-editorial.page-home #product,
  body.site-editorial.page-home #problem,
  body.site-editorial.page-home #features,
  body.site-editorial.page-home #versions,
  body.site-editorial.page-home #early-access,
  body.site-editorial.page-home #faq { scroll-margin-top: 80px; }
}


/* EDITORIAL 4.2.4 | light footer, Product anchor */
/* Clear, light editorial footer: the ORIGINAL blue-on-transparent logo needs
   no artificial white tile. Keep this scoped to StockMate Editorial pages. */
body.site-editorial .site-footer {
  background: #f4f5f3;
  color: #536980;
  border-top: 1px solid #d9e2e9;
  box-shadow: none;
}
body.site-editorial .footer-brand,
body.site-editorial .footer-meta {
  background: transparent;
  border: 0;
  box-shadow: none;
}
body.site-editorial .footer-logo {
  background: transparent;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  filter: none;
  width: min(220px, 100%);
  height: auto;
  object-fit: contain;
}
body.site-editorial .footer-line,
body.site-editorial .footer-status {color: #5b6e83;}
body.site-editorial .footer-links a {color: #184b80;}
body.site-editorial .footer-links a:hover,
body.site-editorial .footer-links a:focus-visible {color: #1269bd;}
/* About one centimetre higher after choosing the Product menu anchor.
   The section layout, fixed header and mobile offsets remain untouched. */
@media (min-width: 721px) {
  /* EDITORIAL 4.2.5 | Product anchor: 35px higher to reveal all captions */
  body.site-editorial.page-home #product {scroll-margin-top: -13px;}
}