/* ─────────────────────────────────────────────
   taylorinalaska.com — Shared Stylesheet
   Edit brand tokens here; every page picks them up.
   ───────────────────────────────────────────── */

/* ── Brand tokens ── */
:root {
  --bg:            #f7f5f0;
  --navy:          #1c1c2e;
  --accent:        #4a7fb5;
  --th-color:      #8a96aa;
  --radius:        8px;
  --shadow:        0 1px 3px rgba(0,0,0,0.06);

  --text:          #1e1e1e;
  --text-muted:    #666;

  --pill-green-bg:  #d4f0e4; --pill-green-fg:  #1a5c3a;
  --pill-yellow-bg: #fef0c7; --pill-yellow-fg: #7a3c10;
  --pill-red-bg:    #fde8e8; --pill-red-fg:    #8b1a1a;
  --pill-gray-bg:   #e8e8e4; --pill-gray-fg:   #555;
  --pill-blue-bg:   #dbeafe; --pill-blue-fg:   #1e3a8a;
}

/* ── Reset ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* ── Base ── */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, sans-serif;
  background: var(--bg);
  color: var(--text);
  font-size: 16px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}

/* ── Editorial headings ── */
h1, h2 {
  font-family: Georgia, 'Cambria', 'Times New Roman', serif;
  color: var(--text);
  line-height: 1.15;
  letter-spacing: -0.3px;
}

h1 {
  font-size: clamp(1.9rem, 4vw, 2.6rem);
  font-weight: 700;
  margin-bottom: 10px;
}

.subtitle {
  font-size: 0.92rem;
  color: var(--text-muted);
  font-style: italic;
  margin-bottom: 40px;
}

/* ── Table shell ── */
.table-wrap {
  overflow-x: auto;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}
table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
}
thead tr { background: var(--navy); }
thead th {
  padding: 14px 12px;
  text-align: left;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: var(--th-color);
  white-space: nowrap;
}
thead th:hover  { color: #fff; }
thead th.sorted { color: var(--accent); }

tbody tr                 { border-bottom: 1px solid #eeece7; transition: background 0.12s; }
tbody tr:last-child      { border-bottom: none; }
tbody tr:hover           { background: #faf9f6; }
td                       { padding: 12px 12px; font-size: 0.83rem; vertical-align: middle; }

tbody tr.section-header td {
  background: #f0ede6;
  font-size: 0.62rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #999;
  padding: 8px 12px 5px;
  border-bottom: 1px solid #e4e1da;
}

/* ── Pills ── */
.pill {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 99px;
  font-size: 0.7rem;
  font-weight: 600;
  white-space: nowrap;
}
.pill-green  { background: var(--pill-green-bg);  color: var(--pill-green-fg); }
.pill-yellow { background: var(--pill-yellow-bg); color: var(--pill-yellow-fg); }
.pill-red    { background: var(--pill-red-bg);    color: var(--pill-red-fg); }
.pill-gray   { background: var(--pill-gray-bg);   color: var(--pill-gray-fg); }
.pill-blue   { background: var(--pill-blue-bg);   color: var(--pill-blue-fg); }

/* ── Utility ── */
.note {
  display: block;
  font-size: 0.65rem;
  color: #aaa;
  margin-top: 2px;
  font-weight: 400;
}

.footer-note {
  font-size: 0.75rem;
  color: #999;
  margin-top: 24px;
  line-height: 1.75;
}