:root { color: #202521; background: #fbf8f4; }
a { color: #176b43; }
a:hover { color: #105234; }
.site-header { background: #fbf8f4; border-color: #dedfd5; }
.header-inner nav { display: flex; flex-wrap: wrap; gap: 12px 24px; font-size: 14px; }
.eyebrow { color: #176b43; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.first-task-offer { padding: 24px; border: 1px solid #c4d6c6; border-radius: 10px; background: #f0f4eb; }
.first-task-offer h2 { margin-top: 0; }
.first-task-offer .cta { text-align: center; }
.support-request-status { font-size: 14px; color: #62685f; }
.support-request-status:empty { display: none; }
.first-task-offer [aria-busy="true"] { cursor: progress; }
.guide-nav { border-block: 1px solid #dedfd5; padding-block: 18px; margin: 28px 0; }
.guide-nav ul { display: flex; flex-wrap: wrap; gap: 8px 24px; list-style: none; padding: 0; margin: 0; font-size: 14px; }
.guide-nav li + li { margin: 0; }
h3 { font-size: 19px; margin: 24px 0 8px; }
section { scroll-margin-top: 24px; }
ol { padding-left: 24px; }
pre { white-space: pre-wrap; overflow-wrap: anywhere; padding: 22px; background: #efefe6; border: 1px solid #dedfd5; border-radius: 8px; font-size: 14px; line-height: 1.7; }
.checklist { padding: 22px 22px 12px 46px; border: 1px solid #dedfd5; border-radius: 8px; background: white; }
.cta { display: inline-flex; padding: 12px 20px; border-radius: 7px; background: #176b43; color: white; font-weight: 600; text-decoration: none; }
.cta:hover { color: white; background: #105234; }
.cta-note { font-size: 14px; color: #62685f; margin-top: 12px; }
footer { padding-bottom: 70px; }
@media (max-width: 480px) {
  .header-inner { flex-wrap: wrap; padding-block: 14px; gap: 10px; }
  .header-inner nav { gap: 18px; }
  pre { padding: 16px; font-size: 13px; }
}