/* === BASE === */
body {
  background:#111;
  color:#fff;
  font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
  margin:0;
  line-height:1.8;
  padding-top:100px;
}

main {
  max-width:800px;
  margin:0 auto;
  padding:40px 20px 80px;
}

h1, h2, h3 { line-height:1.3; color:#fff; }
h1 { font-size:26px; margin-bottom:10px; }
h2 { font-size:22px; margin-top:40px; }

.meta { color:#aaa; font-size:14px; margin-bottom:40px; }

img.cover {
  width:100%;
  border-radius:12px;
  margin:30px 0;
  object-fit:cover;
  aspect-ratio:900/506;
  display:block;
}

p, li {
  color:#ccc;
  font-size:15px;
  line-height:1.7;
}
ul { margin-left:20px; }

/* === Tablas === */
table {
  width:100%;
  border-collapse:collapse;
  margin:30px 0;
  font-size:14px;
}
th, td {
  border:1px solid rgba(255,255,255,0.2);
  padding:10px;
  text-align:left;
}
th {
  background:rgba(255,255,255,0.08);
  color:#fff;
  font-weight:600;
}

.subheadline {
  background-color: rgba(255,255,255,0.05);
  border-left: 4px solid #999;
  padding: 12px 16px;
  border-radius: 6px;
  font-size: 1rem;
  color: #ccc;
  font-style: italic;
  margin: 20px 0 30px 0;
  line-height: 1.6;
}

/* === Botones === */
.share-btn {
  display:block;
  margin:30px auto 0;
  background:rgba(255,255,255,0.08);
  border:1px solid rgba(255,255,255,0.15);
  padding:6px 14px;
  border-radius:20px;
  color:#fff;
  cursor:pointer;
  text-decoration:none;
  transition:all .25s ease;
}
.share-btn:hover { background:rgba(255,255,255,0.15); }

.nav-links {
  margin-top:16px;
  display:flex;
  justify-content:center;
  gap:10px;
  align-items:center;
  font-size:14px;
  flex-wrap:wrap;
}
.nav-links a {
  color:#ccc;
  text-decoration:none;
  transition:color .25s ease;
}
.nav-links a:hover { color:#fff; }

hr {
  border:none;
  border-top:1px solid rgba(255,255,255,0.15);
  margin:50px 0;
}

@media(max-width:640px){
  body { padding-top:80px; }
  h1 { font-size:22px; }
  h2 { font-size:18px; }
  table { font-size:13px; }
}