/* =========================================================================
   PATAGONIA RAW — Blog / article prose
   Reuses the theme variables from patagonia.css. Tailwind's typography
   plugin isn't available over the CDN, so article body styling lives here.
   ========================================================================= */

.prose-raw {
  font-family: "Inter", system-ui, sans-serif;
  font-size: 1.075rem;
  line-height: 1.75;
  color: var(--glacier);
}

.prose-raw > * + * { margin-top: 1.4em; }

.prose-raw h2,
.prose-raw h3,
.prose-raw h4 {
  font-family: "Space Grotesk", sans-serif;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.1;
  margin-top: 2.2em;
  margin-bottom: 0.2em;
}
.prose-raw h2 { font-size: 1.9rem; }
.prose-raw h3 { font-size: 1.4rem; color: var(--steppe); }
.prose-raw h4 { font-size: 1.15rem; text-transform: uppercase; letter-spacing: 0.12em; }

.prose-raw p { color: rgba(229, 229, 229, 0.88); }

.prose-raw a {
  color: var(--ice);
  text-decoration: none;
  border-bottom: 1px solid rgba(74, 144, 217, 0.4);
  transition: border-color 0.25s ease;
}
.prose-raw a:hover { border-bottom-color: var(--ice); }

.prose-raw strong { color: var(--glacier); font-weight: 600; }
.prose-raw em { font-style: italic; }

.prose-raw ul,
.prose-raw ol { padding-left: 1.4em; }
.prose-raw ul { list-style: none; }
.prose-raw ul > li { position: relative; padding-left: 1.1em; }
.prose-raw ul > li::before {
  content: "";
  position: absolute; left: 0; top: 0.72em;
  width: 6px; height: 6px;
  background: var(--ice);
}
.prose-raw ol { list-style: decimal; }
.prose-raw li + li { margin-top: 0.5em; }

.prose-raw blockquote {
  border-left: 2px solid var(--steppe);
  padding-left: 1.4em;
  font-family: "DM Serif Display", serif;
  font-size: 1.5rem;
  line-height: 1.3;
  color: var(--glacier);
}

.prose-raw img {
  width: 100%;
  height: auto;
  display: block;
  filter: saturate(0.75) contrast(1.1) brightness(0.94);
}
.prose-raw figure figcaption {
  margin-top: 0.6em;
  font-family: "Space Grotesk", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-size: 0.7rem;
  opacity: 0.55;
}

.prose-raw hr {
  border: 0;
  border-top: 1px solid var(--hairline);
  margin: 2.6em 0;
}

.prose-raw code {
  font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font-size: 0.9em;
  background: var(--basalt);
  padding: 0.15em 0.4em;
  border: 1px solid var(--hairline);
}
.prose-raw pre {
  background: var(--basalt);
  border: 1px solid var(--hairline);
  padding: 1.1em 1.3em;
  overflow-x: auto;
}
.prose-raw pre code { background: none; border: 0; padding: 0; }

/* Article header spacing tweak on very small screens */
@media (max-width: 640px) {
  .prose-raw { font-size: 1rem; }
}