/* Trail field notebook: forest-green header and footer, cream note cards on a pale sage page,
   a small SVG mountain mark beside the site name. Colours come from the theme tokens where they exist. */
.site-header { background: #1f3d2b; color: #fffaf0; border-block-end: 4px solid var(--c-accent); }
.site-header .brand { color: #fffaf0; letter-spacing: .01em; }
.site-header .site-nav a { color: #fffaf0; }
.site-header .site-nav a:hover, .site-header .site-nav a[aria-current] { border-block-end-color: #d9c48a; }
.site-header :focus-visible { outline-color: #fffaf0; }
.header-inner { gap: var(--s2) var(--s3); }
.trail-mark { display: inline-flex; align-items: center; flex: none; }
.trail-mountain { display: block; width: 44px; height: 30px; }
.trail-mountain .mountain-back { fill: #7fa37f; }
.trail-mountain .mountain-snow { fill: #fffaf0; }
.trail-mountain .mountain-trail { fill: none; stroke: #d9c48a; stroke-width: 1.6; stroke-linecap: round; stroke-dasharray: 2.5 2.5; }

h1, h2, h3 { color: #1f3d2b; }

/* Notebook page: ruled cream card with a green binding edge. */
.hero-banner { text-align: start; padding: 24px 16px; background-color: var(--c-surface);
  background-image: repeating-linear-gradient(to bottom, transparent 0, transparent 31px, rgb(47 93 58 / .10) 31px, rgb(47 93 58 / .10) 32px);
  border: 1px solid var(--c-border); border-inline-start: 6px solid var(--c-accent); }
.hero-banner .lead { margin-inline: 0; }
@media (min-width: 720px) { .hero-banner { padding: 40px; } }

[data-cards="bordered"] .card { border-color: var(--c-border); box-shadow: 0 1px 0 rgb(31 61 43 / .08); }
.card, .faq-item, .empty-state, .toc, .author-card, .inline-list li, .chips a { background-color: var(--c-surface); }
.button { min-height: 44px; }

.site-module-sidebar { align-self: start; }

.site-footer { background: #1f3d2b; color: #fffaf0; border-block-start: 4px solid var(--c-accent); }
.site-footer a { color: #fffaf0; }
.site-footer .muted { color: #e6dcc0; }