/* /news/olivo-website-launch */
.article { padding: 88px 0 96px; }
  .article .container { max-width: 700px; }
  .article-head .meta { font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--primary-strong); font-weight: 600; display: inline-flex; align-items: center; gap: 12px; }
  [data-theme="dark"] .article-head .meta { color: var(--primary); }
  .article-head .meta .sep { width: 4px; height: 4px; border-radius: 999px; background: currentColor; opacity: 0.6; }
  .article-head .meta .date { color: var(--muted); font-weight: 500; }
  .article-head h1 { margin: 22px 0 0; font-size: clamp(32px, 4.4vw, 46px); line-height: 1.12; letter-spacing: -0.03em; }
  .article-head .dek { margin: 22px 0 0; font-size: 19px; line-height: 1.55; color: var(--muted); max-width: 52ch; }
  .back-link { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: var(--muted); text-decoration: none; margin-bottom: 32px; }
  .back-link:hover { color: var(--text); }
  .article-body { margin-top: 48px; font-size: 17px; line-height: 1.75; color: var(--text-soft); }
  .article-body p { margin: 0 0 24px; }
  .article-body h2 { margin: 48px 0 18px; font-size: 24px; letter-spacing: -0.02em; color: var(--text); }
  .article-body strong { color: var(--text); font-weight: 600; }
  /* site.css resets links to inherit with no underline, so inline links in
     prose need to be re-marked or they read as plain text. */
  .article-body a { color: var(--primary-strong); font-weight: 600; }
  [data-theme="dark"] .article-body a { color: var(--primary); }
  .article-foot { margin-top: 56px; padding-top: 28px; border-top: 1px solid var(--border); color: var(--muted); font-size: 14px; }