/* Starter kit on the Toolkit tab, and the Last Mile Labs advice band. */
.kit { gap: 0.75rem; }
.kit-steps { margin: 0.2rem 0 0.4rem; padding-inline-start: 1.3rem; display: grid; gap: 0.35rem; max-width: 70ch; }
.kit-commands { margin-block-end: 0.5rem; }
.kit-group { display: grid; gap: 0.35rem; margin-block-start: 0.75rem; }
.kit-group-title { font-size: 1.1rem; }

.topbar-actions { display: flex; align-items: center; gap: 1rem; }
.topbar-cta { padding: 0.4rem 1rem; font-size: 0.9rem; white-space: nowrap; }

.contact { background: var(--navy); color: #ffffff; }
.contact-inner { display: grid; gap: 2rem; padding-block: 3.5rem; }
@media (min-width: 62rem) { .contact-inner { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); align-items: start; } }
.contact-intro { display: grid; gap: 1rem; }
.contact h2 { color: #ffffff; font-size: var(--step-3); }
.contact .lede { color: #dfe6f5; }
.contact-email { display: flex; flex-wrap: wrap; align-items: center; gap: 0.6rem 0.8rem; }
.contact-label { color: var(--navy-soft); }
.contact-address { font-size: 1.25rem; font-weight: 700; color: #ffffff; user-select: all; }
.contact .copy-status { color: var(--sky); flex-basis: 100%; }
.services { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.75rem; }
.services li { display: grid; gap: 0.2rem; border: 1px solid var(--navy-line); padding: 1rem 1.1rem; }
.services strong { color: #ffffff; }
.services span { color: var(--navy-soft); font-size: var(--step-0); }