:root { --natgeo-yellow:#FFD700; --ink:#1a1a1a; --paper:#f9f8f6; }

/* Global base */
body{
  background:var(--paper);
  color:var(--ink);
  font-family:Optima,"Segoe UI",Helvetica,Arial,sans-serif;
  margin:0; padding:0;
  display:flex; justify-content:center;
}
table{ border-collapse:collapse; width:900px; }
td{ padding:20px 10px; vertical-align:top; }

/* Header row (masthead) */
.header-row td{
  border-bottom:4px solid var(--natgeo-yellow);
  text-align:left;
  font-family:"EB Garamond",serif;
  font-weight:800;
  letter-spacing:1.5px;
  text-transform:uppercase;
  font-size:2.25rem; /* homepage size; single overrides below */
}

/* Left (nav) + Right (content) columns for homepage */
.left-cell{
  width:200px;
  font-family:"Source Sans 3",sans-serif;
  text-transform:uppercase;
  font-weight:700;
  font-size:1rem;
  line-height:1.2;
  color:rgba(0,0,0,.25);
  padding:30px 10px;
}
.right-cell{ width:700px; padding:30px 10px; }

/* Neutralize link styling (keep design consistent) */
a, a:hover, a:focus, a:visited, a:active { color:inherit; text-decoration:none; }

/* Right column typography (homepage + general) */
.right-cell p, .right-cell .excerpt { font-family:"EB Garamond",serif; }

.right-cell h2{
  font-family:"EB Garamond",serif;
  font-weight:600;
  font-size:2rem;
  letter-spacing:.5px;
  line-height:1.0;
  margin:-.2rem 0 1rem;
}

.right-cell h3{
  font-family:"EB Garamond",serif;
  font-weight:500;
  font-size:1.3rem;
  letter-spacing:.3px;
  line-height:1.4;
  margin:1.25rem 0 .75rem;
}

.right-cell .dateline{
  font-family:"Source Sans 3",sans-serif;
  font-size:.8rem;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:2px;
  color:rgba(0,0,0,.25);
  margin:.25rem 0 .25rem;
}

.right-cell .read-more{
  font-family:"Source Sans 3",sans-serif;
  font-weight:600;
  text-transform:uppercase;
  display:inline-flex; align-items:center;
  margin:.2rem 0 0;
}

/* Rules */
hr{ border:none; margin:1.25rem 0; }
hr.accent{ border-top:1px solid rgba(0,0,0,.25); width:100%; margin:2rem 0; }
hr.subtle{ border-top:1px solid rgba(0,0,0,.25); width:90%; margin:.75rem 0; }

/* Pagination (homepage) */
.pagination{
  font-family:"Source Sans 3",sans-serif;
  font-size:.8rem; font-weight:600; text-transform:uppercase; letter-spacing:1px;
  text-align:center; padding-top:1rem; color:rgba(0,0,0,.25);
}
.pagination .page-numbers{ margin:0 .35rem; }

/* === Single posts (body has .single) — one-column layout === */
.single table{ width:700px; }
.single td{ padding:20px 10px; }

/* Smaller masthead on single */
.single .header-row td{
  font-size:1.5rem;
  font-weight:800;
  letter-spacing:1.5px;
}

/* One column (reuse right-cell styles; colspan used in template) */
.single .right-cell{ width:700px; padding:24px 10px; }

/* Bigger headline for single posts */
.single .right-cell h1{
  font-family:"EB Garamond",serif;
  font-weight:600;
  font-size:2.6rem;
  line-height:1.1;
  letter-spacing:.5px;
  margin:.6rem 0 .6rem;
}

/* Dateline under h1 (single) */
.single .right-cell .dateline{
  font-family:"Source Sans 3",sans-serif;
  font-size:.8rem; font-weight:600; text-transform:uppercase; letter-spacing:2px;
  color:rgba(0,0,0,.25); margin:.2rem 0 1.2rem;
}

/* Body copy (single) */
.single .right-cell p{
  font-family:"EB Garamond",serif;
  font-size:1.06rem; line-height:1.68; margin:0 0 1rem;
}

/* Figures/captions */
.single figure{ margin:1.5rem 0; }
.single figure img{ max-width:100%; height:auto; display:block; }
.single figcaption{
  font-family:"Source Sans 3",sans-serif;
  font-size:.8rem; line-height:1.4; color:rgba(0,0,0,.55);
  margin-top:.5rem;
}
.single figcaption .credit{
  text-transform:uppercase; letter-spacing:1px; font-weight:600;
  color:rgba(0,0,0,.45);
}

/* Dividers on single */
.single hr.accent{ border-top:1px solid rgba(0,0,0,.25); width:100%; margin:2rem 0; }
.single hr.subtle{ border-top:1px solid rgba(0,0,0,.25); width:90%; margin:.75rem 0; }

/* “Other posts” row on single */
.single .more-posts{
  font-family:"Source Sans 3",sans-serif;
  font-size:.95rem; line-height:1.35; color:rgba(0,0,0,.55);
}
.single .more-posts a{ display:inline-block; margin:.25rem 0; }
.single .more-posts .list{ margin:.25rem 0 0; }
.single .more-posts .list .item + .item::before{
  content:" · "; margin:0 .45rem; color:rgba(0,0,0,.35);
}