/* Pages Managed — draft styles. Navy/slate + one warm accent, adapted from the GC Solutions site draft. System fonts only. */

:root {
  --ink: #16222e;
  --slate: #33465a;
  --slate-soft: #5b7186;
  --paper: #f7f5f1;
  --card: #ffffff;
  --line: #d9d4c9;
  --accent: #c2701e; /* warm amber — the one accent */
  --accent-dark: #9c580f;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: var(--ink);
  background: var(--paper);
  line-height: 1.6;
}

.wrap { max-width: 1020px; margin: 0 auto; padding: 0 22px; }

a { color: var(--accent-dark); }

/* Header */
.site-header { background: var(--ink); color: #fff; }
.header-inner {
  display: flex; justify-content: space-between; align-items: center;
  gap: 16px; padding-top: 20px; padding-bottom: 20px; flex-wrap: wrap;
}
.brand-name { display: block; font-size: 1.6rem; font-weight: 700; letter-spacing: .01em; }
.brand-sub { display: block; font-size: .95rem; color: #b9c6d2; margin-top: 2px; }

/* Sections */
section { padding: 40px 0; }
section.alt { background: #fff; }
section h2 {
  font-size: 1.45rem; margin: 0 0 14px; color: var(--ink);
  border-bottom: 3px solid var(--accent); display: inline-block; padding-bottom: 6px;
}

/* Directory lists */
.directory { list-style: none; padding: 0; margin: 0; }
.directory li {
  padding: 9px 0; border-bottom: 1px solid var(--line);
  color: var(--slate); max-width: 44em;
}
.directory li:last-child { border-bottom: none; }
.directory a { font-weight: 600; }
.entry-name { font-weight: 600; color: var(--ink); }

/* Footer */
.site-footer { background: var(--ink); color: #b9c6d2; padding: 22px 0; font-size: .92rem; }
.site-footer a { color: #e8edf1; }

@media (max-width: 640px) {
  section { padding: 30px 0; }
  .brand-name { font-size: 1.35rem; }
}