/*
 * corpus.css — "text mode" design system for the morado.dev family.
 *
 * PRINCIPLE: the gospel needs no adornment. CSS exists only to arrange the
 * layout so the content is readable and navigable. No color, no decoration,
 * no emotion-engineering. A monospace document that respects the natural
 * hierarchy of titles, spacing, and measure.
 *
 * Allowed: typography (monospace), measure (max-width), spacing (margin/
 * padding), block flow, image containment, and the minimal show/hide rules
 * an interactive control needs. Nothing else.
 */

* { box-sizing: border-box; }

html { font-size: 16px; -webkit-text-size-adjust: 100%; }

body {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  line-height: 1.6;
  max-width: 72ch;
  margin: 0 auto;
  padding: 2rem 1rem 4rem;
}

img, video { max-width: 100%; height: auto; }

a { color: inherit; text-decoration: underline; }
a:hover { text-decoration: none; }

h1, h2, h3, h4, h5, h6 { line-height: 1.25; margin: 1.5em 0 0.5em; }
h1:first-child, h2:first-child, h3:first-child { margin-top: 0; }

p, ul, ol, blockquote, pre, table { margin: 0 0 1em; }
ul, ol { padding-left: 1.5em; }
li { margin-bottom: 0.4em; }

code, pre { font-family: inherit; }
pre { overflow-x: auto; padding: 0.75rem 0; border-top: 1px solid currentColor; border-bottom: 1px solid currentColor; opacity: 0.85; }

blockquote { margin-left: 1.5em; }

hr { border: none; border-top: 1px solid currentColor; opacity: 0.3; margin: 2.5rem 0; }

/* Uniform, symmetric separation between major content blocks.
   A single rhythm across root / blog / shop so components read as distinct
   units without any decoration. */
.section-divider { border: none; border-top: 1px solid currentColor; opacity: 0.15; margin: 2rem 0; }

/* Footer carries all navigation, names, and links (no header anywhere). */
footer { margin-top: 3rem; }
footer nav, footer ul { list-style: none; padding: 0; margin: 0; }
footer li { margin: 0.3rem 0; }
footer .footer-mission { opacity: 0.7; margin: 1.25rem 0; }

/* Minimal functional form controls (layout only, monochrome). */
input, textarea, select {
  font-family: inherit; font-size: 1rem;
  width: 100%; padding: 0.5rem; margin-bottom: 0.75rem;
  border: 1px solid currentColor; background: transparent; color: inherit;
}
button {
  font-family: inherit; font-size: 1rem;
  padding: 0.5rem 1rem; margin-bottom: 0.75rem;
  border: 1px solid currentColor; background: transparent; color: inherit;
  cursor: pointer;
}