/* =========================================================
   RARIFY LEARN — GLOBAL
   Shared baseline styles for Learn pages only
   ========================================================= */

:root {
  --rarify-ink: #111827;
  --rarify-copy: #46505f;
  --rarify-muted: #6b7280;
  --rarify-line: #e6e9ee;
  --rarify-surface: #ffffff;
  --rarify-soft: #f6f8fa;
  --rarify-soft-green: #edf8f3;
  --rarify-green: #0b8f68;
  --rarify-green-dark: #076b4f;
  --rarify-max: 1440px;
  --rarify-content: 860px;
  --rarify-sidebar: 285px;
  --rarify-radius-sm: 10px;
  --rarify-radius-md: 16px;
  --rarify-radius-lg: 24px;
  --rarify-shadow: 0 18px 50px rgba(17, 24, 39, 0.07);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 120px;
}

body {
  margin: 0;
  background: var(--rarify-surface);
  color: var(--rarify-ink);
  font-family: Gotham, Montserrat, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

img,
video,
svg {
  display: block;
  max-width: 100%;
}

a {
  color: inherit;
}

button,
input,
textarea,
select {
  font: inherit;
}

button,
a {
  -webkit-tap-highlight-color: transparent;
}

.learn-container {
  width: min(calc(100% - 48px), var(--rarify-max));
  margin-inline: auto;
}

.learn-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}