/* Utility pages share the existing paper, forest and sage palette. */
.utility-content { overflow-wrap: anywhere; }
.utility-content .utility-updated { color: var(--muted); font-size: .875rem; margin: 0 0 1.5rem; }
.utility-content .utility-lead { font-size: 1.15rem; line-height: 1.65; }
.utility-callout { background: var(--sage); border: 1px solid var(--line); border-radius: var(--radius); padding: clamp(1.1rem, 4vw, 2rem); margin: 2rem 0; }
.utility-content .utility-callout h2 { margin-top: 0; }
.utility-callout .button { margin-top: .5rem; }
.utility-content .utility-nav { margin-top: 3rem; padding-top: 1.5rem; border-top: 1px solid var(--line); display: flex; flex-wrap: wrap; gap: .5rem 1rem; }
.utility-nav a { display: inline-flex; align-items: center; min-height: 44px; }
.utility-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin: 1.5rem 0; }
.utility-error { border-bottom: 1px solid var(--line); padding-bottom: 1rem; }
.utility-content .utility-error-code { font-family: var(--font-hand); color: var(--primary); font-size: clamp(4rem, 15vw, 7rem); line-height: 1; margin: 0 0 1rem; }
.utility-content .utility-destinations { padding-left: 0; list-style: none; display: grid; gap: 1rem; }
.utility-destinations li { padding: 1rem 1.25rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--card); }
.utility-destinations a { display: inline-flex; align-items: center; min-height: 44px; font-weight: 700; }
.utility-destinations span { display: block; color: var(--muted); }
@media (max-width: 420px) { .utility-actions .button { width: 100%; } }