:root {
  --norlume-ink: #263238;
  --norlume-muted: #60717a;
  --norlume-accent: #2b6f77;
  --norlume-paper: #fbfaf7;
}

body { color: var(--norlume-ink); background: #eef1ef; }
#main { background: var(--norlume-paper); }
#header { border-bottom-color: var(--norlume-accent); }
#header .logo { color: var(--norlume-ink) !important; letter-spacing: 0.02em; }
.header-note { color: var(--norlume-muted); font-size: 0.9em; }
#banner { align-items: stretch; }
#banner .content { width: 62%; }
#banner h1 { color: var(--norlume-ink); }
#banner header p, .note-kicker { color: var(--norlume-accent); letter-spacing: 0.12em; text-transform: uppercase; font-weight: 700; }
.signal-panel {
  width: 32%; min-height: 20rem; display: grid; align-content: center; gap: 1rem;
  padding: 2.5rem; background: #e6eeeb; border-left: 0.45rem solid var(--norlume-accent);
}
.signal-panel span { font-family: "Roboto Slab", serif; font-size: 1.45rem; color: var(--norlume-ink); }
.signal-panel span + span { border-top: 1px solid #bfccc8; padding-top: 1rem; }
.features article .icon:before { color: var(--norlume-accent); }
.button.primary, input[type="submit"].primary { background-color: var(--norlume-accent); }
.compact-posts article { width: calc(33.33333% - 2rem); }
.compact-posts article:before { display: none; }
.lead { font-size: 1.2rem; color: var(--norlume-muted); max-width: 48rem; }
.note-entry { scroll-margin-top: 2rem; padding: 2rem 0; border-top: 1px solid rgba(210, 215, 217, 0.75); }
.note-entry:first-of-type { margin-top: 2rem; }
.note-entry p { max-width: 52rem; }
.error-page { min-height: 65vh; display: flex; flex-direction: column; justify-content: center; }
#sidebar > .inner > footer { margin-top: 2rem; }

@media screen and (max-width: 980px) {
  #banner .content, .signal-panel { width: 100%; }
  #banner { flex-direction: column; }
  .signal-panel { min-height: 0; margin-top: 2rem; }
  .compact-posts article { width: calc(50% - 2rem); }
}

@media screen and (max-width: 736px) {
  .header-note { display: none; }
  .compact-posts article { width: 100%; }
  .signal-panel { padding: 1.75rem; }
}