:root {
  --parchment:#F6F1E4;
  --parchment-deep:#EDE4CE;
  --ink:#2B2318;
  --ink-soft:#5B4F3E;
  --gold:#9C7A3C;
  --gold-line:#C9A961;
  --paper:#fffdf6;
}

* { box-sizing:border-box; }

body {
  margin:0;
  font-family:'Source Sans 3', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--ink);
  background:var(--parchment);
  background-image:
    radial-gradient(ellipse at top left, rgba(156,122,60,0.06), transparent 55%),
    radial-gradient(ellipse at bottom right, rgba(75,90,69,0.06), transparent 55%);
  line-height:1.7;
}

.wrap {
  max-width:960px;
  margin:0 auto;
  padding:40px 20px 80px;
}

article {
  background:var(--paper);
  border:1px solid var(--gold-line);
  border-radius:12px;
  padding:28px 24px;
  box-shadow:0 10px 30px rgba(43,35,24,0.06);
}

h1, h2, h3, h4, h5, h6 {
  font-family:'Spectral', serif;
  font-weight:500;
  line-height:1.25;
  margin:1.8rem 0 0.8rem;
}

h1 { margin-top:0; font-size:2.2rem; }
h2 { font-size:1.6rem; }
h3 { font-size:1.3rem; }
h4, h5, h6 { font-size:1.1rem; }

p, blockquote {
  margin:0 0 1rem;
  font-size:1.02rem;
}

.subtitle {
  color:var(--ink-soft);
  font-size:1.05rem;
}

blockquote {
  margin:1.2rem 0;
  padding:0.75rem 1rem;
  background:var(--parchment-deep);
  border-left:4px solid var(--gold);
  border-radius:6px;
}

table {
  width:100%;
  border-collapse:collapse;
  margin:1.4rem 0;
  background:#fff;
  overflow:auto;
  display:block;
}

th, td {
  border:1px solid rgba(43,35,24,0.18);
  padding:0.65rem 0.75rem;
  vertical-align:top;
  text-align:left;
  min-width:120px;
}

th {
  background:var(--parchment-deep);
  font-weight:700;
}

@media (max-width: 640px) {
  .wrap { padding:20px 14px 48px; }
  article { padding:20px 16px; }
  h1 { font-size:1.8rem; }
}