/* Hoja de estilo común para los artículos HTML de Cuadernos de Filosofía. */
:root {
  color-scheme: light;
  --article-width: 900px;
  --article-text: #111;
  --article-muted: #555;
  --article-rule: #d8d8d8;
  --article-link: #164e63;
}

body {
  max-width: var(--article-width);
  margin: 2.5rem auto;
  padding: 0 1.2rem;
  color: var(--article-text);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1rem;
  line-height: 1.55;
}

header {
  border-bottom: 1px solid var(--article-rule);
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
}

h1 {
  margin: .55rem 0 .35rem;
  font-size: 1.6rem;
  line-height: 1.2;
}

h2 {
  margin: 1.6rem 0 .6rem;
  font-size: 1.2rem;
  line-height: 1.25;
}

p { margin: 0 0 1rem; }
.meta { color: var(--article-muted); font-size: .95rem; }
.keywords { margin: .2rem 0 1rem; }

a { color: var(--article-link); }
.note-ref a,
.note-item a { text-decoration: none; }

.note-item,
.reference {
  margin: .45rem 0;
  padding-left: 1.2rem;
  text-indent: -1.2rem;
}

blockquote {
  margin: 1rem 0 1rem 1.2rem;
  padding-left: 1rem;
  border-left: 2px solid #bbb;
  font-style: italic;
}

cite { font-style: normal; }

.image-placeholder { margin: 1.2rem 0; padding: 0; }
.image-placeholder img { display: block; max-width: 100%; height: auto; margin: 0 auto .45rem; }
figcaption { color: var(--article-muted); font-size: .92rem; margin-top: .45rem; }

.table-wrap { overflow-x: auto; margin: 1.25rem 0 1.5rem; }
table { width: 100%; border-collapse: collapse; font-size: .94rem; }
caption { margin-bottom: .55rem; text-align: left; font-weight: 600; }
th, td { border: 1px solid #b8b8b8; padding: .5rem .6rem; text-align: left; vertical-align: top; }
thead th { background: #f1f1f1; }
tbody th { font-weight: 600; }

.math-frac { display: inline-flex; flex-direction: column; vertical-align: middle; text-align: center; line-height: 1.05; margin: 0 .15em; }
.math-frac > span:first-child { border-bottom: 1px solid currentColor; padding: 0 .2em .08em; }
.math-frac > span:last-child { padding: .08em .2em 0; }

@media (max-width: 640px) {
  body { margin: 1.25rem auto; padding: 0 .9rem; }
  h1 { font-size: 1.35rem; }
}