@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Inter:wght@400;500;600;700&display=swap");

:root {
  --cream: #faf7f1; --card: #ffffff; --line: #e7dfd0;
  --forest: #1f3d33; --pine: #2b5244; --sage-soft: #e3ece7;
  --terra: #c2814f; --gold: #d9a86c;
  --ink: #26211b; --dim: #6d6355;
  --serif: "Fraunces", Georgia, serif;
  --sans: "Inter", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--cream); color: var(--ink); font-family: var(--sans); line-height: 1.7; -webkit-font-smoothing: antialiased; }
.wrap { max-width: 680px; margin: 0 auto; padding: 40px 20px 70px; }
a { color: var(--pine); }
a:hover { color: var(--terra); }
.back { display: inline-block; font-size: 13px; font-weight: 600; margin-bottom: 26px; text-decoration: none; }
h1 { font-family: var(--serif); font-size: 32px; font-weight: 500; margin: 0 0 6px; letter-spacing: -.01em; }
.updated { display: inline-block; font-size: 11.5px; font-weight: 600; text-transform: uppercase; letter-spacing: .08em;
  color: var(--pine); background: var(--sage-soft); padding: 5px 12px; border-radius: 100px; margin-bottom: 28px; }
h2 { font-family: var(--serif); font-size: 19px; font-weight: 600; margin: 30px 0 10px; }
p, li { font-size: 14px; color: var(--dim); }
ul { padding-left: 20px; }
strong { color: var(--ink); }
.company-box { background: var(--card); border: 1px solid var(--line); border-left: 4px solid var(--gold); border-radius: 14px;
  padding: 20px 22px; font-size: 13.5px; margin: 18px 0 28px; box-shadow: 0 10px 28px rgba(38,33,27,.05); }
.company-box div { margin-bottom: 4px; }
.nav-links { margin-top: 44px; padding-top: 18px; border-top: 1px solid var(--line); font-size: 13px; }
.nav-links a { margin-right: 16px; font-weight: 500; text-decoration: none; }